Help to autofill dynamic fields

306 views
Skip to first unread message

Christian Duarte

unread,
Feb 28, 2022, 4:13:26 PM2/28/22
to Autofill Extension
Hello, I'm new to this and I'm still starting to take a look at the options offered by Autofill, I'm currently working on a page where I need to autofill 35 responses of type "Checkbox/Radio" and they are of this type: "<input name="u0110108067025150169200176198165050234241037094044009075133101064002058245237076054070044204222115[q1]" type="radio" value="1" class="q1 validates-passed" validates>" validation-validation

The problem is that Autofill uses the name as an identifier and this is dynamic for each series of responses, in total there are 5 jobs with 7 responses on each page. I have found a way to autofill the answers but only for the first series, that is, if I remove the unique identifier and use (as in my example) the name "q1" then it will work but only for the first series, the second series will not work because it is called "u0110108067025150169200176198165050234241037094044009075133101064002058245237076054070044266548172[q1]" again and so on 3 more times on each page.

What I need is that Autofill can detect all the "Radio" fields regardless of the dynamic name that precedes it and apply the value I want, I have read the FAQ carefully, the Form Fields but I have tried using another value other than the name , however I can not understand how to do it, thank you very much!

Autofill Extension

unread,
Feb 28, 2022, 8:18:50 PM2/28/22
to Autofill Extension
Can you please provide the input's HTML for question 1 for each job?

Christian Duarte

unread,
Mar 1, 2022, 1:05:53 AM3/1/22
to Autofill Extension

Sorry, it was not clear to me, what exactly should I provide you?
In my example I wrote the real name of q1 from the first and second jobs, the rest of the code is the same (type="radio" value="1" class="q1 validates-passed" validates>" validation-validation) and so on for each case.

Suppose the dynamic name consists of 4 random numbers, so I have:
1234q1
1222q1
1122q1
1112q1
1233q1

I have tried using a rule with type Checkbox/Radio, Text or JavaScript (although the latter is not very clear to me how to do it) and I manage to get it to work but only for the first question. I add a capture in case it helps to understand:

8c8d5cef-8b27-4971-a19f-5001944b1db5.jpg

The first 7 answers are auto-filled correctly, however they are repeated 5 times and the only thing that I have found that changes is the unique ID that precedes the name, therefore I am not able to establish a rule that applies to all matches in each case.

Thank you so much!

Autofill Extension

unread,
Mar 1, 2022, 1:47:56 AM3/1/22
to Autofill Extension
For question 1 of each series, right-click and select "Inspect element", then copy the <input> HTML code. To better understand how to write the rules, we need to understand the differences in the HTML code.

Christian Duarte

unread,
Mar 4, 2022, 9:29:12 AM3/4/22
to Autofill Extension
Hello, I will try to provide as much useful information as possible:

This would be the code for only the first radio in each case, as you can see it only changes the id:

<input name="u0099039188204006032161014029158047232163124039051242030032201184166161109216125248089096136081074[broken_link]" type="radio" value="0" class="broken_link validates-required validates">

<input name="u0019053106181099184158211108145204253145117193033095205213060077149067065020107104137205222129152[broken_link]" type="radio" value="0" class="broken_link validates-required validates">

<input name="u0060056059255096082223023131158017250002090187156086041101119191060047161081092101064010137243223[broken_link]" type="radio" value="0" class="broken_link validates-required validates">

<input name="u0205116156002222053157007137159051157254157202172230056218028023068192193139137052114054096255064[broken_link]" type="radio" value="0" class="broken_link validates-required validates">

<input name="u0202156172105255011229210175241020159047003138052011210166033122033092088091018111134109018191254[broken_link]" type="radio" value="0" class="broken_link validates-required validates">

This would be the outerHTML for just one job (I don't copy all of them because of the length):

<div class="cml jsawesome" id="u0099039188204006032161014029158047232163124039051242030032201184166161109216125248089096136081074"><div class="row-fluid">
  <div class="span6 well">
    <h1>
      <strong style="color: darkred">Comment: </strong>
      <strong style="color:cornflowerblue;">me encanta tu cabello😩😍😍lo quierooo</strong>
    </h1>
    <hr>
    <h1>Pin:</h1>
    <div style="text-align:center;">
      <span class="PIN_1646402129450_embed_pin PIN_1646402129450_medium PIN_1646402129450_atStart PIN_1646402129450_ " data-pin-href="https://www.pinterest.com/pin/394065036154758460/" data-pin-id="394065036154758460" data-pin-log="embed_pin" data-pin-current="0"><span class="PIN_1646402129450_pages" data-pin-href="https://www.pinterest.com/pin/394065036154758460/" data-pin-log="embed_pin" style="padding-bottom: 178%;"><span class="PIN_1646402129450_0 PIN_1646402129450_page PIN_1646402129450_hazVideo PIN_1646402129450_" data-pin-href="https://www.pinterest.com/pin/394065036154758460/" data-pin-log="embed_pin"><span class="PIN_1646402129450_blocks" data-pin-href="https://www.pinterest.com/pin/394065036154758460/" data-pin-log="embed_pin"><span class="PIN_1646402129450_0 PIN_1646402129450_block" data-pin-href="https://www.pinterest.com/pin/394065036154758460/" data-pin-log="embed_pin" style="top: 0%; left: 0%; height: 100%; width: 100%;"><span class="PIN_1646402129450_container PIN_1646402129450_video" data-pin-href="https://www.pinterest.com/pin/394065036154758460/" data-pin-log="embed_pin"><video poster="https://i.pinimg.com/videos/thumbnails/originals/ac/a4/15/aca4150a71749e6cda94913b03568e76.0000001.jpg" preload="auto" loop="loop" playsinline="playsinline" class="PIN_1646402129450_video" controlslist="nodownload" oncontextmenu="return false;"><source src="https://v.pinimg.com/videos/mc/720p/ac/a4/15/aca4150a71749e6cda94913b03568e76.mp4" type="video/mp4"><source src="https://v.pinimg.com/videos/mc/hls/ac/a4/15/aca4150a71749e6cda94913b03568e76.m3u8" type="video/m3u8"></video></span></span></span></span><span class="PIN_1646402129450_overlay PIN_1646402129450_" data-pin-href="https://www.pinterest.com/pin/394065036154758460/" data-pin-log="embed_pin"><span class="PIN_1646402129450_repin" data-pin-href="https://www.pinterest.com/pin/394065036154758460/" data-pin-log="embed_pin_repin_medium" data-pin-id="394065036154758460">Guardar</span><span class="PIN_1646402129450_controls" data-pin-href="https://www.pinterest.com/pin/394065036154758460/" data-pin-log="embed_pin"><span class="PIN_1646402129450_pause" data-pin-href="https://www.pinterest.com/pin/394065036154758460/" data-pin-log="embed_story_pause" style="display: none;"></span><span class="PIN_1646402129450_play" data-pin-href="https://www.pinterest.com/pin/394065036154758460/" data-pin-log="embed_story_play" style="display: block;"></span></span><span class="PIN_1646402129450_progress" data-pin-href="https://www.pinterest.com/pin/394065036154758460/" data-pin-log="embed_pin"><span class="PIN_1646402129450_0 PIN_1646402129450_indicator PIN_1646402129450_current" data-pin-href="https://www.pinterest.com/pin/394065036154758460/" data-pin-log="embed_pin"></span></span></span></span><span class="PIN_1646402129450_footer PIN_1646402129450_native" data-pin-href="https://www.pinterest.com/aletjandra/" data-pin-log="embed_pin_follow"><span class="PIN_1646402129450_container" data-pin-href="https://www.pinterest.com/aletjandra/" data-pin-log="embed_pin_follow"><span class="PIN_1646402129450_title" data-pin-href="https://www.pinterest.com/aletjandra/" data-pin-log="embed_pin_follow">2 peinados con gorra</span><span class="PIN_1646402129450_avatar" data-pin-href="https://www.pinterest.com/aletjandra/" data-pin-log="embed_pin_follow" style="background-image: url(&quot;https://i.pinimg.com/60x60_RS/b1/bc/18/b1bc18a6a28c6b2638095ff7b6b861fd.jpg&quot;);"></span><span class="PIN_1646402129450_deets" data-pin-href="https://www.pinterest.com/aletjandra/" data-pin-log="embed_pin_follow"><span class="PIN_1646402129450_topline" data-pin-href="https://www.pinterest.com/aletjandra/" data-pin-log="embed_pin_follow">Publicado por</span><span class="PIN_1646402129450_bottomline" data-pin-href="https://www.pinterest.com/aletjandra/" data-pin-log="embed_pin_follow">aletjandra</span></span></span></span></span>
    </div>
  </div>
 
  <div class="span6 well">
    <div class="radios cml_field"><h2 class="legend">Is the Pin loading correctly? If so, are the pin and comment texts in a foreign language (a language that is not targeted in this task)?<span class="required">(required)</span></h2>
 
      <div class="cml_row"><label class=""><input name="u0099039188204006032161014029158047232163124039051242030032201184166161109216125248089096136081074[broken_link]" type="radio" value="0" class="broken_link validates-required validates">
 Yes, I can view the pin, and the pin text and comment text are not in a foreign language</label></div>

      <div class="cml_row"><label class=""><input name="u0099039188204006032161014029158047232163124039051242030032201184166161109216125248089096136081074[broken_link]" type="radio" value="1" class="broken_link validates-required validates">
 Yes, but the pin text or comment text is in a foreign language</label></div>

      <div class="cml_row"><label class=""><input name="u0099039188204006032161014029158047232163124039051242030032201184166161109216125248089096136081074[broken_link]" type="radio" value="2" class="broken_link validates-required validates">
 No, the Pin is not loading or redirects me to pinterest home page</label></div>

   
</div>

    <div class="group logic-only-if _cf_hidden">
 
 
      <div class="radios cml_field"><h2 class="legend">How readable is the comment?<span class="required">(required)</span></h2>
 
        <div class="cml_row"><label class=""><input name="u0099039188204006032161014029158047232163124039051242030032201184166161109216125248089096136081074[readability]" type="radio" value="0" class="readability validates-required validates">
 The text is not understandable such as emoji only or gibberish</label></div>

        <div class="cml_row"><label class=""><input name="u0099039188204006032161014029158047232163124039051242030032201184166161109216125248089096136081074[readability]" type="radio" value="1" class="readability validates-required validates">
 The text is understandable</label></div>

     
</div>
     
      <div class="group logic-only-if _cf_hidden">
 

      <div class="radios cml_field"><h2 class="legend">How is the comment sentiment?<span class="required">(required)</span></h2>
 
        <div class="cml_row"><label class=""><input name="u0099039188204006032161014029158047232163124039051242030032201184166161109216125248089096136081074[sentiment]" type="radio" value="0" class="sentiment validates-required validates">
 Positive</label></div>

        <div class="cml_row"><label class=""><input name="u0099039188204006032161014029158047232163124039051242030032201184166161109216125248089096136081074[sentiment]" type="radio" value="1" class="sentiment validates-required validates">
 Neutral</label></div>

        <div class="cml_row"><label class=""><input name="u0099039188204006032161014029158047232163124039051242030032201184166161109216125248089096136081074[sentiment]" type="radio" value="2" class="sentiment validates-required validates">
 Negative</label></div>

     
</div>


      <div class="radios cml_field"><h2 class="legend">Does the comment contain words that refer specifically to the Pin, Creator of the Pin, or Pin topic?<span class="required">(required)</span></h2>
 
        <div class="cml_row"><label class=""><input name="u0099039188204006032161014029158047232163124039051242030032201184166161109216125248089096136081074[relevance]" type="radio" value="0" class="relevance validates-required validates">
 Yes</label></div>

        <div class="cml_row"><label class=""><input name="u0099039188204006032161014029158047232163124039051242030032201184166161109216125248089096136081074[relevance]" type="radio" value="1" class="relevance validates-required validates">
 No - refers specifically to a different topic</label></div>

        <div class="cml_row"><label class=""><input name="u0099039188204006032161014029158047232163124039051242030032201184166161109216125248089096136081074[relevance]" type="radio" value="2" class="relevance validates-required validates">
 No - too general, does not refer to anything specific</label></div>

     
</div>

      <div class="radios cml_field"><h2 class="legend">Does the comment refer to a personal experience with the Pin or Pin topic?<span class="required">(required)</span></h2>
 
        <div class="cml_row"><label class=""><input name="u0099039188204006032161014029158047232163124039051242030032201184166161109216125248089096136081074[personal_experience]" type="radio" value="0" class="personal_experience validates-required validates">
 No</label></div>

        <div class="cml_row"><label class=""><input name="u0099039188204006032161014029158047232163124039051242030032201184166161109216125248089096136081074[personal_experience]" type="radio" value="1" class="personal_experience validates-required validates">
 Yes</label></div>

     
</div>

      <div class="radios cml_field"><h2 class="legend">Does the comment contain a suggestion or a useful tip about the Pin or Pin topic?<span class="required">(required)</span></h2>
 
        <div class="cml_row"><label class=""><input name="u0099039188204006032161014029158047232163124039051242030032201184166161109216125248089096136081074[tip]" type="radio" value="0" class="tip validates-required validates">
 No</label></div>

        <div class="cml_row"><label class=""><input name="u0099039188204006032161014029158047232163124039051242030032201184166161109216125248089096136081074[tip]" type="radio" value="1" class="tip validates-required validates">
 Yes</label></div>

     
</div>

      <div class="radios cml_field"><h2 class="legend">Does the comment contain a question or request about the Pin, Creator of the Pin or Pin topic?<span class="required">(required)</span></h2>
 
        <div class="cml_row"><label class=""><input name="u0099039188204006032161014029158047232163124039051242030032201184166161109216125248089096136081074[request]" type="radio" value="0" class="request validates-required validates">
 No</label></div>

        <div class="cml_row"><label class=""><input name="u0099039188204006032161014029158047232163124039051242030032201184166161109216125248089096136081074[request]" type="radio" value="1" class="request validates-required validates">
 Yes</label></div>

     
</div>
     
     
</div>

   
</div>
  </div>
</div>


</div>

This is what all the answers from a single job look like:

Sin título.jpg

In case it's helpful, I'm attaching a full copy of the page's source code: https://pastebin.com/bU9N4E0t

So far with my little knowledge, the only thing I have achieved is to autofill all the answers of the first job, leaving the rules in Autofill with the name between the brackets of each answer (as you could see in the screenshot of my previous answer) .

Again thank you very much!
Reply all
Reply to author
Forward
0 new messages