Javascript 无法使用Jquery从select中选择第一个元素

Javascript 无法使用Jquery从select中选择第一个元素,javascript,jquery,jquery-ui,Javascript,Jquery,Jquery Ui,我正在根据第一个下拉列表中选择的值填充一个下拉列表。从服务器返回的数据是JSON格式的,并使用JQuery解析和填充第二个select标记 <select name="abc" id="jobName"> <option value="-1">Please select a Job</option> </select> 在上面的代码中,groupDropDownId是下拉列表的ID,根据其值,将填充第二个下拉列表。resetDropDow

我正在根据第一个下拉列表中选择的值填充一个下拉列表。从服务器返回的数据是JSON格式的,并使用JQuery解析和填充第二个select标记

<select name="abc" id="jobName">
  <option value="-1">Please select a  Job</option>
 </select>
在上面的代码中,groupDropDownId是下拉列表的ID,根据其值,将填充第二个下拉列表。resetDropDownId是第二个下拉列表的ID,我正试图从服务器获取的JSON数据填充该下拉列表

在填充下拉列表时,它也会创建一个空的选项标记,并且默认情况下会获得select。 我不确定是否可以向该空选项添加一些默认值,以便可以选择该默认选项值,如please select bla bla


我还试图从下拉列表中选择第一个元素,但似乎没有任何效果。我想知道我在这里做错了什么?

根据您的问题,您似乎想知道如何在动态填充的选择列表中更改元素的值和文本

当前,您有此语句$jobName[0]。selectedIndex=1;位于getJSON请求之外。如果将其移动到getJSON函数中,它将按预期工作

如果要设置该对象的值和文本,请使用->

$('#jobId option:first').val("Some Value").text("other stuff");
您可以使用JSON对象中动态填充的选择列表看到正在工作的JS FIDLE


如果您对代码进行格式化,使其更具可读性,并解释代码中使用但未定义的变量的来源,则会有所帮助。
$('#jobId option:first').val("Some Value").text("other stuff");