2017-07-18 17 views
0

フォームを完成させるためにブックマークレットを作成するにはjsが必要です。ブックマークレットドロップダウンとオートコンプリート

<tr> 
    <td>Gender</td> 
    <td> 
     <div class="select2-container select2-container-active" id="s2id_ContentPlaceHolder1_personDetails_genderDropDownList"> 
     <a href="javascript:void(0)" class="select2-choice select2-default" tabindex="-1"> 
      <span class="select2-chosen" id="select2-chosen-2">Select an Option</span> 
       <abbr class="select2-search-choice-close"></abbr> 
        <span class="select2-arrow" role="presentation"> <b role="presentation"></b></span></a> 
         <label for="s2id_autogen2" class="select2-offscreen"></label> 
          <input class="select2-focusser select2-offscreen" type="text" aria-haspopup="true" role="button" aria-labelledby="select2-chosen-2" id="s2id_autogen2" tabindex="0" autocomplete="Female"> 
     </div> 
     <select name="_ctl0:ContentPlaceHolder1:personDetails:genderDropDownList" id="ContentPlaceHolder1_personDetails_genderDropDownList" onchange="nzis.UpdateDropdownErrorLabel(this)" errorlabel="mandatory" tabindex="-1" title="" style="display: none;"> 
     <option selected="selected" value=""></option> 
     <option value="M">Male</option> 
     <option value="F">Female</option> 
     </select> 
    </td> 
</tr> 

私は成功せず、いくつかのJSを試してみました:ここ は、HTMLを行きます。 JS:

var index = document.getElementById('ContentPlaceHolder1_personDetails_genderDropDownList').selectedIndex; 
    alert("value="+document.getElementById('ContentPlaceHolder1_personDetails_genderDropDownList').value); 
    alert("text="+document.getElementById('ContentPlaceHolder1_personDetails_genderDropDownList').options[1].text); 
s2id_autogen2.value= document.getElementById('ContentPlaceHolder1_personDetails_genderDropDownList').options[2].text; 

答えて

0

はこのようにブックマークレットを実行してみ:

javascript: (function() { 
    var eltSelect = document.getElementById('ContentPlaceHolder1_personDetails_genderDropDownList'); 
    eltSelect.options[2].selected = true; 
    eltSelect.onchange(); 
    s2id_autogen2.value = eltSelect.options[eltSelect.selectedIndex].text; 
})(); 
+0

はちょうどそれをテストし、私はそれが近いと思います。 例を示します。 https://jsfiddle.net/8qn7atLL/ ゲームのコードが自動的にこのオプションを選択しました。私はちょうど "オプションを選択"ボックスにそれを取得する必要があります。 jsfiddleのHTMLは私の質問で別のものを書いたものと同じです。私はドロップダウンスタイル "display:none"を削除したので、私は何を意味するのかを見ることができます。 –

+0

ブックマークレットを追加するコードを1行追加してブックマークレットを更新しました。 – Shugar

+0

あなたは豪華です!それは働いた:D もう一つ質問があります。このコードに複数のIDを追加するにはどうすればよいですか? は私が持っている意味: 'ContentPlaceHolder1_personDetails_genderDropDownList' 'ContentPlaceHolder1_personDetails_genderTitleDownList' 'ContentPlaceHolder1_personDetails_genderCountryDownList' そして非常に多くの詳細.. 私は多分より多くのを作ると思う "eltSelect" 機能を。 –

関連する問題