html - Fill Form Values With Javascript Using "Select Name" -


i trying use javascript automatically fill form , having difficult setting value country.

<form action="/payment" method="post" novalidate="">      <div class="input_group">        <p class="input text changed">          <label for="shipping_address_1">address</label>          <input type="text" name="shipping_address_1" id="shipping_address_1" value="xxx">        </p>      </div>        <div class="input_group" data-ignore-validation="true">        <p class="input text">          <label for="shipping_address_2">apt num, suite (optional)</label>          <input type="text" name="shipping_address_2" value="">        </p>      </div>        <div class="input_group">        <p class="input text span_half changed">          <label for="shipping_city">city</label>          <input type="text" name="shipping_city" value="xxx">        </p>        <p class="text input select span_half changed">          <label for="shipping_state" data-loading="loading" data-default="state / province">state / province</label>              <span class="select_wrapper"><select name="shipping_state">      <option value="">state / province</option>      <option value="alberta">alberta</option>  <option value="british columbia">british columbia</option>  <option value="manitoba">manitoba</option>  <option value="new brunswick">new brunswick</option>  <option value="newfoundland , labrador">newfoundland , labrador</option>  <option value="nova scotia">nova scotia</option>  <option value="northwest territories">northwest territories</option>  <option value="nunavut">nunavut</option>  <option value="ontario" selected="">ontario</option>  <option value="prince edward island">prince edward island</option>  <option value="quebec">quebec</option>  <option value="saskatchewan">saskatchewan</option>  <option value="yukon territory">yukon territory</option>    </select><span class="value">ontario</span></span>            </p>        </div>        <div class="input_group">        <p class="input text span_half changed">          <label for="shipping_zip">zip / postal code</label>          <input type="text" name="shipping_zip" value="xxxxx" maxlength="10">        </p>        <p class="text input select span_half changed">          <label>country</label>          <span class="select_wrapper"><select name="shipping_country_id">            <option value="46">afghanistan</option>  <option value="47">albania</option>  <option value="48">algeria</option>  <option value="49">american samoa</option>  <option value="50">andorra</option>  <option value="51">angola</option>  <option value="1">anguilla</option>  <option value="52">antarctica</option>  <option value="53">antigua , barbuda</option>  <option value="2">argentina</option>  <option value="54">armenia</option>  <option value="55">aruba</option>  <option value="3">australia</option>  <option value="4">austria</option>  <option value="56">azerbaijan</option>  <option value="253">Ă…land islands</option>  <option value="57">bahamas</option>  <option value="58">bahrain</option>  <option value="59">bangladesh</option>  <option value="60">barbados</option>  <option value="61">belarus</option>  <option value="5">belgium</option>  <option value="62">belize</option>  <option value="63">benin</option>  <option value="64">bermuda</option>  <option value="65">bhutan</option>  <option value="66">bolivia</option>  <option value="67">bosnia , herzegovina</option>  <option value="68">botswana</option>  <option value="69">bouvet island</option>  <option value="6">brazil</option>  <option value="70">british indian ocean territory</option>  <option value="71">british virgin islands</option>  <option value="72">brunei darussalam</option>  <option value="73">bulgaria</option>  <option value="74">burkina faso</option>  <option value="75">burundi</option>  <option value="76">cambodia</option>  <option value="77">cameroon</option>  <option value="7" selected="">canada</option>  <option value="78">cape verde</option>  <option value="79">cayman islands</option>  <option value="80">central african republic</option>  <option value="81">chad</option>  <option value="8">chile</option>  <option value="9">china</option>  <option value="82">christmas island</option>  <option value="83">cocos (keeling) islands</option>  <option value="84">colombia</option>  <option value="85">comoros</option>  <option value="86">congo</option>  <option value="87">cook islands</option>  <option value="10">costa rica</option>  <option value="88">cote d'ivoire (ivory coast)</option>  <option value="89">croatia (hrvatska)</option>  <option value="90">cuba</option>  <option value="91">cyprus</option>  <option value="92">czech republic</option>  <option value="249">democratic republic of congo</option>  <option value="11">denmark</option>  <option value="93">djibouti</option>  <option value="94">dominica</option>  <option value="12">dominican republic</option>  <option value="95">east timor</option>  <option value="13">ecuador</option>  <option value="96">egypt</option>  <option value="97">el salvador</option>  <option value="98">equatorial guinea</option>  <option value="99">eritrea</option>  <option value="100">estonia</option>  <option value="101">ethiopia</option>  <option value="102">falkland islands</option>  <option value="103">faroe islands</option>  <option value="104">fiji</option>  <option value="14">finland</option>  <option value="15">france</option>  <option value="105">france, metropolitan</option>  <option value="106">french guiana</option>  <option value="107">french polynesia</option>  <option value="108">french southern territories</option>  <option value="109">gabon</option>  <option value="110">gambia</option>  <option value="111">georgia</option>  <option value="16">germany</option>  <option value="112">ghana</option>  <option value="113">gibraltar</option>  <option value="17">greece</option>  <option value="114">greenland</option>  <option value="115">grenada</option>  <option value="116">guadeloupe</option>  <option value="117">guam</option>  <option value="118">guatemala</option>  <option value="244">guernsey</option>  <option value="119">guinea</option>  <option value="120">guinea-bissau</option>  <option value="121">guyana</option>  <option value="122">haiti</option>  <option value="123">heard , mcdonald islands</option>  <option value="124">honduras</option>  <option value="18">hong kong</option>  <option value="125">hungary</option>  <option value="19">iceland</option>  <option value="20">india</option>  <option value="126">indonesia</option>  <option value="127">iran</option>  <option value="128">iraq</option>  <option value="21">ireland</option>  <option value="245">isle of man</option>  <option value="22">israel</option>  <option value="23">italy</option>  <option value="24">jamaica</option>  <option value="25">japan</option>  <option value="247">jersey</option>  <option value="129">jordan</option>  <option value="130">kazakhstan</option>  <option value="131">kenya</option>  <option value="132">kiribati</option>  <option value="133">korea (north) (people's republic)</option>  <option value="134">kuwait</option>  <option value="135">kyrgyzstan (kyrgyz republic)</option>  <option value="136">laos</option>  <option value="137">latvia</option>  <option value="138">lebanon</option>  <option value="139">lesotho</option>  <option value="140">liberia</option>  <option value="141">libya</option>  <option value="142">liechtenstein</option>  <option value="143">lithuania</option>  <option value="26">luxembourg</option>  <option value="144">macau</option>  <option value="145">macedonia</option>  <option value="146">madagascar</option>  <option value="147">malawi</option>  <option value="27">malaysia</option>  <option value="148">maldives</option>  <option value="149">mali</option>  <option value="150">malta</option>  <option value="151">marshall islands</option>  <option value="152">martinique</option>  <option value="153">mauritania</option>  <option value="154">mauritius</option>  <option value="155">mayotte</option>  <option value="28">mexico</option>  <option value="156">micronesia</option>  <option value="157">moldova</option>  <option value="29">monaco</option>  <option value="158">mongolia</option>  <option value="243">montenegro</option>  <option value="159">montserrat</option>  <option value="160">morocco</option>  <option value="161">mozambique</option>  <option value="162">myanmar</option>  <option value="163">namibia</option>  <option value="164">nauru</option>  <option value="165">nepal</option>  <option value="30">netherlands</option>  <option value="166">netherlands antilles</option>  <option value="167">neutral zone (saudia arabia/iraq)</option>  <option value="168">new caledonia</option>  <option value="31">new zealand</option>  <option value="169">nicaragua</option>  <option value="170">niger</option>  <option value="171">nigeria</option>  <option value="172">niue</option>  <option value="173">norfolk island</option>  <option value="174">northern mariana islands</option>  <option value="32">norway</option>  <option value="175">oman</option>  <option value="176">pakistan</option>  <option value="177">palau</option>  <option value="186">palestine</option>  <option value="178">panama</option>  <option value="179">papua new guinea</option>  <option value="180">paraguay</option>  <option value="181">peru</option>  <option value="182">philippines</option>  <option value="183">pitcairn</option>  <option value="184">poland</option>  <option value="33">portugal</option>  <option value="185">puerto rico</option>  <option value="187">qatar</option>  <option value="188">reunion</option>  <option value="189">romania</option>  <option value="190">russian federation</option>  <option value="191">rwanda</option>  <option value="192">s. georgia , s. sandwich isls.</option>  <option value="193">saint kitts , nevis</option>  <option value="194">saint lucia</option>  <option value="195">saint vincent , grenadines</option>  <option value="196">samoa</option>  <option value="197">san marino</option>  <option value="198">sao tome , principe</option>  <option value="199">saudi arabia</option>  <option value="200">senegal</option>  <option value="242">serbia</option>  <option value="201">seychelles</option>  <option value="202">sierra leone</option>  <option value="34">singapore</option>  <option value="203">slovakia (slovak republic)</option>  <option value="204">slovenia</option>  <option value="205">solomon islands</option>  <option value="206">somalia</option>  <option value="207">south africa</option>  <option value="35">south korea</option>  <option value="208">soviet union (former)</option>  <option value="36">spain</option>  <option value="209">sri lanka</option>  <option value="210">st. helena</option>  <option value="211">st. pierre , miquelon</option>  <option value="212">sudan</option>  <option value="213">suriname</option>  <option value="214">svalbard , jan mayen islands</option>  <option value="215">swaziland</option>  <option value="37">sweden</option>  <option value="38">switzerland</option>  <option value="216">syria</option>  <option value="39">taiwan</option>  <option value="217">tajikistan</option>  <option value="218">tanzania</option>  <option value="40">thailand</option>  <option value="251">timore-leste</option>  <option value="219">togo</option>  <option value="220">tokelau</option>  <option value="221">tonga</option>  <option value="222">trinidad , tobago</option>  <option value="223">tunisia</option>  <option value="41">turkey</option>  <option value="224">turkmenistan</option>  <option value="225">turks , caicos islands</option>  <option value="226">tuvalu</option>  <option value="227">uganda</option>  <option value="228">ukraine</option>  <option value="229">united arab emirates</option>  <option value="42">united kingdom</option>  <option value="43">united states</option>  <option value="257">united states minor outlying islands</option>  <option value="44">uruguay</option>  <option value="230">uzbekistan</option>  <option value="231">vanuatu</option>  <option value="232">vatican city state (holy see)</option>  <option value="45">venezuela</option>  <option value="233">viet nam</option>  <option value="234">virgin islands (us)</option>  <option value="235">wallis , futuna islands</option>  <option value="236">western sahara</option>  <option value="237">yemen</option>  <option value="255">yugoslavia</option>  <option value="239">zaire</option>  <option value="240">zambia</option>  <option value="241">zimbabwe</option>          </select><span class="value">canada</span></span>        </p>      </div>        <div class="submit">        <span class="button" data-update="update" data-default="next" style="padding: 0px; width: 138px;">    <span class="text" unselectable="on">update</span>    <button type="submit">update</button>     <span class="loader icon">d</span>    <span class="success icon">e</span>  </span>        </div>    </form>

any suggestions on how set value shipping_country_id?

this should simple , i'm surprised @ how difficulty experiencing.

not sure if understand question correctly, should populate it:

document.getelementsbyname('shipping_country_id')[0].value = '47' 

this sets default value of select element 'albania'

to set address:

document.getelementbyid('shipping_address_1').value = 'new address'; 

Comments