0

HTMLファイルに次のコードがあります

   <select>
        <option>1</option>
        <option>2</option>
        <option>3</option>
        <!-- ......... -->
        <option>50000</option>
   </selcet>

私が得るjQueryを使用して

      var subHTML=$("select").html();

サブHTML文字列のinnerHTMLでオプションタグを見つけ、属性「selected」を挿入してから、編集した文字列をselectタグに戻すことはできますか

      $("select").html(editedString);

編集

私は試した

  var strel=$(subHtml).find('option:contains("123")').attr('selected','selected');
  $("select").html(strel);

ただし、select タグにはオプションが 1 つしか追加されません。

4

4 に答える 4

1

これはうまくいくはずです。（未検証）。

var to_replace = $("select").find('option:contains("The text i want to find")');
to_replace.attr("selected", "selected");
to_replace.text("The new text");
于 2013-02-22T08:50:04.150 に答える
0 
$('option').filter(function() {
   if(this.innerHTML === '123') {
      $(this).attr('its-me', 1);
      return true;
   }
   return false;
});

編集、または単に：

$('option').filter(function() {
   return this.innerHTML === '123';
}).attr('its-me', 1);
于 2013-02-22T08:55:25.453 に答える
0

jQuery Containsセレクターが役立ちます。

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">

    $(function()
    {
        var searchReplace = $("select").find('option:contains("editme")').attr("selected", "selected").text("foundme");
    });

</script>

<select>
    <option>1</option>
    <option>2</option>
    <option>editme</option>
    <option>3</option>
    <option>50000</option>
</selcet>
于 2013-02-22T08:56:04.563 に答える
0

これは実際のサンプルです:

選択する

これが HTML の場合:

<select>
    <option>1</option>
    <option>2</option>
    <option>3</option>
</select>

使用できます：

$("select option").each(function(){
if ($(this).text() == "2")
   $(this).attr("selected","selected");
});
于 2013-02-22T08:56:35.547 に答える