大佬教程收集整理的这篇文章主要介绍了以编程方式更改jQuery选择选项 – 不起作用,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
这里有一些更多细节:HTML:
<div style="width: 140px"> <label for="SELEct-choice-a" class="SELEct">Lagerort: </label> <SELEct id="sel_stockIDs"> <option disabled="disabled">Lagerort</option> </SELEct> </div>
JS(在ajax调用之后插入所有有效选项):
for (var j = 0; j < paramsParsed.length; j++) { // paramsParsed is {0001,0002,0003 etc.} loadedStocks[j] = '<option value=' + (j+1) + '>' + paramsParsed[j] + '</option>'; $("#sel_stockIDs").append(loadedStocks[j]); }
还将一个Listener设置为SELEct,用于存储用户决策
JS:
$('#sel_stockIDs').change(function() { sessionStorage.setItem("stockId",$('#sel_stockIDs option:SELEcted').text()); });
模样”:
在用户选择了有效的“Lagerort”选项(stockId)之后,将打开下一个HTML站点.用户的决定(选项文本和选项值)保存在localStorage中.返回此页面时,所做出的决定仍应是选定的选项.例如,用户选择Lagerort“0001”,更改站点并返回 – 所选选项仍应为“0001”.因此,我再次加载股票(这很好)
for (var j = 0; j < paramsParsed.length; j++) { // paramsParsed is {0001,0003 etc.} loadedStocks[j] = '<option value=' + (j+1) + '>' + paramsParsed[j] + '</option>'; $("#sel_stockIDs").append(loadedStocks[j]); }
现在我想再次设置所选的选项.但这不起作用….我已经尝试了很多不同的方法,并且在这2天内(我猜……)简单的问题就丢失了.这是我到目前为止的方法(没有任何工作,但是)….为了更好的测试,想要的选项是硬编码的(值= 1,text = 0001 =两者都将链接到SELEct中的第一个选项).
// Function is called,when user re-opens HTML-site 1 function reInsertData() { // setTing the first option as SELEcted // $('#sel_stockIDs option')[1].SELEcted = true; // $('#sel_stockIDs option[value=1]')[0].SELEcted = true; // $('#sel_stockIDs :nth-child(1)').attr('SELEcted','SELEcted'); // $('#sel_stockIDs option').eq(1).attr('SELEcted','SELEcted'); // $("#sel_stockIDs").val("1"); // $("#sel_stockIDs").text("0001").attr('SELEcted',truE); // $("#sel_stockIDs").text("0001").attr('SELEcted','SELEcted'); // $("#sel_stockIDs").text( "0001" ).prop('SELEcted',truE); // $("#sel_stockIDs").text( "1" ).prop('SELEcted',SELEcted); // $("SELEct option").each(function(){ // if ($(this).text() == "0001") // This one finds the right option...... but doesn't SELEct it // $(this).attr("SELEcted","SELEcted"); // }); }
在JSfiddle中插入一些这样的方法 – 但是在我的应用程序中没有显示的代码.我正在使用的JS-versions是jQuery-mobile-1.3.0和jQuery-1.9.1.min.我会非常感谢任何帮助或一些提示!
以上是大佬教程为你收集整理的以编程方式更改jQuery选择选项 – 不起作用全部内容,希望文章能够帮你解决以编程方式更改jQuery选择选项 – 不起作用所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。