使用jQuery更改選擇選項的語言

Question

我有這個表格

<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");
}

應用jQuery的select option有問題嗎？

Answer 1

試試這個-換行

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

至

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

和

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

至

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

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

 <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> 

Answer 2

為了使val()工作，您需要在option中具有value屬性。

<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);
 }