用jQuery更改select选项的语言

时间:2016-08-29 15:50:48

标签: javascript jquery html5

我有这个表格

<div class="form-group">
  <select class="form-control" id="dropOficina2" name="dropOficina2"> 
    <option value="">Seleccione el área</option>
    <option  id="Finanzas" name="Finanzas">Finanzas</option>
  </select>
</div>

我试试这些:

if ((window.location.href.indexOf("lang=en") > 0)) {
  lang = "English";
  $("#imageOne").attr("src", "/SiteAssets/newimage.png"); //this one works
  $("#Finanzas").val("Finances");
}

select option应用jQuery有什么问题吗?

2 个答案:

答案 0 :(得分:0)

试试这个 - 改变行

$("#Finanzas").val("Finances");

$("#dropOficina2").val("Finances");

<option id="Finanzas" name="Finanzas">Finanzas</option>

<option id="Finanzas" value="Finanzas">Finanzas</option>

&#13;
&#13;
 if ((window.location.href.indexOf("lang=en") > 0)) {
   lang = "English";
   $("#imageOne").attr("src", "/SiteAssets/newimage.png"); //this one works
   $("#dropOficina2").val("Finances");
 }
&#13;
<div class="form-group">
  <select class="form-control" id="dropOficina2" name="dropOficina2">
    <option value="">Seleccione el área</option>
    <option id="Finanzas" value="Finanzas">Finanzas</option>
  </select>
</div>
&#13;
&#13;
&#13;

答案 1 :(得分:0)

要使val()生效,您需要在选项中设置值属性。

<option id="Finanzas" value="Finanzas" name="Finanzas">Finanzas</option>


$("#dropOficina2").val("Finanzas");

没有价值观。试试这个:

if ((window.location.href.indexOf("lang=en") > 0)) {
   lang = "English";
   $("#imageOne").attr("src", "/SiteAssets/newimage.png"); //this one works
   $('#dropOficina2 option').filter(function() { 
       return ($(this).text() == 'Finanzas'); //filter with text
       //or
       return (this.id == 'Finanzas'); //filter with id
   }).prop('selected', true);
 }