web-dev-qa-db-ja.com

jQueryを使用してドロップダウンリストにオプションを追加するにはどうすればよいですか？

次のコードを使用して、ASP.NETのドロップダウンリストにオプションを追加しようとしています。これが機能しない理由はありますか？私はグーグルを試しましたが、これが機能しない理由を理解できません。

コードは何をすべきですか？ ASP.NETドロップダウンリストがあります。ドロップダウンリストに名前でアクセスし、リストに項目を追加したい。アイテムには「Some Text」の説明テキストと「123」の値が必要です。

ありがとう！

$("#ddlCategory").append($("<option>Some Text</option>").val(1).html("123"));
jqueryasp.netwebforms
17
DenaliHardtail
var newOption = "<option value='"+"1"+"'>Some Text</option>"; 
$("#ddlCategory").append(newOption);
13
Mark Schultheiss

あなたが試すことができます

$("#ddlCategory").append($("<option value='123'>Some Text</option>");

または

 $('#ddlCategory').
      append($("<option></option>").
      attr("value", "123").
      text("Some Text"));

この質問の2番目のコードスニペット jQueryを使用して配列からの選択にオプションを追加する最良の方法は何ですか？

9
Jason

1）jqueryが正しく、フラットなHTMLファイルで機能すること、および2）正しいIDを使用していることをテストしたか。

$('#<%=ddlCategory.ClientID%>').append(...etc etc

これにより、ASP.NETページクラスから正しいIDが取得されます。

0
user369142

に変更した場合

$("#ddlCategory").append($("<option></option>").attr("value", "1").text("Some Text"));
0
Milan Jaric

クライアント側のコードを使用してASP.Netドロップダウンリストにオプションを追加するのは悪い考えです。あらゆる種類のポストバック問題が発生します。詳細は this link を参照してください。ドロップダウンを完全にクライアント側に入力するか、部分的なポストバックをトリガーしてリストを埋める必要があります。

0
arb