1

リストがあります。

<select id="select_box">
  <option>Select State</option>
  <option value='state1'>State 1<option>
  <option value='state2'>State 2<option>
</select>

テキスト「SelectState」の値を「-1」として設定するにはどうすればよいですか。つまり、リストは次のようになります。

<select id="select_box">
  <option value='-1'>Select State</option>
  <option value='state1'>State 1<option>
  <option value='state2'>State 2<option>
</select>

私が試してみました

$('#select_box')
    .find('Select State')
    .remove()
    .end()
    .append('<option value="-1">Select State</option>');

ただし、上記のコードにより、選択ボックスの最後に表示されます。秩序を維持したい。

前もって感謝します。

4

5 に答える 5

0

次のコードを使用して、要求された要素を見つけることができます。

var $option = $('#select_box').find('option:contains("Select State")');

その後、要素の値を変更できます。

$option.val('-1');
于 2012-12-28T11:01:21.183 に答える
0

jQueryを使用すると、いつでも使用できます

$('#select_box option:first').val('-1');

于 2012-12-28T10:23:39.340 に答える
0

また

$("select_box option:first-child").attr('value', '-1');

http://jsfiddle.net/nm2c9/

于 2012-12-28T10:28:04.753 に答える
0

なぜだけではないのですか...

$('#select_box')[0].options[0].value = -1;

...valueこの要素のプロパティを更新できるため<option>（実際、前の要素を削除してから新しい要素を追加するよりもはるかに優れています）。

于 2012-12-28T10:22:46.217 に答える
0

すべてのオプションをループして、内部テキストを確認し、値を置き換えてみてください

$('#select_box option').each(function()
{
    if($(this).text()=="Select State"){
       $(this).val("-1");
    }
});
于 2012-12-28T10:29:28.310 に答える