如何使用jquery设置选择下拉列表的“选定选项”

前端之家收集整理的这篇文章主要介绍了如何使用jquery设置选择下拉列表的“选定选项”前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有以下jquery函数
  1. $.post('GetSalesRepfromCustomer',{
  2. data: selectedObj.value
  3. },function (result) {
  4. alert(result[0]);
  5. $('select[name^="salesrep"]').val(result[0]);
  6. });

result [0]是我想在我的选择框中设置为所选项的值。
结果[0]等于布鲁斯·琼斯。

选择框由数据库查询填充,但其中一个呈现的HTML是:

  1. <select id="salesrep" data-theme="a" data-mini="true" name="salesrep">
  2. <option value=""> </option>
  3. <option value="john smith">john smith</option>
  4. <option value="Bruce Jones">Bruce Jones</option>
  5. <option value="Adam Calitz">Adam Calitz</option>
  6. <option>108</option>
  7. </select>

$( ‘选择[名^ = “SalesRep的”]’)VAL(结果[0])。不填充选择框选择选项。我也尝试过$(“#salesrep”)。val(result [0]);没有任何运气。

任何帮助赞赏。

所以我想要的是在salesrep下拉列表中选择/突出显示的选项是Bruce Jones。

HTML为:

  1. <select id="salesrep" data-theme="a" data-mini="true" name="salesrep">
  2. <option value=""> </option>
  3. <option value="john smith">john smith</option>
  4. <option value="Bruce Jones" selected >Bruce Jones</option>
  5. <option value="Adam Calitz">Adam Calitz</option>
  6. <option>108</option>
  7. </select>

再次感谢,

整个脚本

  1. <script type="text/javascript">
  2. $(document).ready(function () {
  3.  
  4. $("#customer").autocomplete(
  5. {
  6. source: "get_customers",messages:
  7. {
  8. noResults: '',results: function() {}
  9. },select: function( event,ui )
  10. {
  11. var selectedObj = ui.item;
  12.  
  13. $.post('GetSalesRepfromCustomer',{data:selectedObj.value},function(result) {
  14. alert(result[0]);
  15. var selnametest="Bruce Koller";
  16. $("#salesrep").val(selnametest);
  17. });
  18.  
  19. }
  20. });
  21. });
  22.  
  23.  
  24. </script>

渲染的HTML是:

  1. <select id="salesrep" data-theme="a" data-mini="true" name="salesrep">
  2. <option value=""> </option>
  3. <option value="RyanLubuschagne">Ryan Lubuschagne</option>
  4. <option value="Bruce Jones">Bruce Jones</option>
  5. <option value="Adam Calitz">Adam Calitz</option>
  6. </select>

解决方法

尝试这个 :
  1. $('select[name^="salesrep"] option[value="Bruce Jones"]').attr("selected","selected");

只需将选项[value =“Bruce Jones”]替换为[value = result [0]]

在选择新选项之前,您可能需要“取消选择”上一个选项:

  1. $('select[name^="salesrep"] option:selected').attr("selected",null);

你可能也想读这个:jQuery get specific option tag text

编辑:使用jQuery Mobile,此链接可能提供了一个很好的解决方案:jquery mobile – set select/option values

猜你在找的jQuery相关文章