English 中文(简体)
如何使用 jquery 在 html 中获取选中的选项
原标题:How to get the selected option in an html using jquery

我要检索我选择的选项的 id 。 您可以在这里看到我的 HTML 。

<select name="zaal" id="zaal">
    <DIV CONTENTEDITABLE="FALSE" ID="MACONTAINER" MACONSTRAINT="" MAPARAMETER="ZALEN">
        <DIV CONTENTEDITABLE="TRUE" ID="MAITEM">
            <option value="[email protected]~" id="ZAALNAME">~ITEM.ID~, ~ITEM.NAME~</option>
        </DIV>
    </DIV>
</select>

我这样做。

var selectVal = $("#zaal :selected").val();
var id = selectVal.substring(1);
console.log("id is: " + selectVal);

但出于某种原因,它不会起作用。

有人能帮忙吗?

<强 > EDIT

Ok divs是问题所在。 但我需要那些来从我的数据库中获取我的数值。 所以我认为我需要找到另一个解决方案,而不是选择。

最佳回答
$("#zaal option:selected").attr( value ); // will return you [email protected]~

要获取 id

$("#zaal option:selected").attr( id ); // will return you ZAALNAME

要在选择更改时获得 id , 请尝试 :

$( #zaal ).on( change , function() {

  // To get id
  $( option:selected , this).attr( id );

  $( option:selected , this).attr( value ); // return the value of selected option

  // To get the select box value
  var value = this.value;

});
问题回答

也许试一下:

$("#zaal option:selected").val();

另外,尝试将divs移到选定元素之外。

看看这个问题:

< a href=" "https://stackoverflow.com/ questions/1499216/ html- div- and- select-tag"\\ lt; div> and & lt; select> 标签

您只能将 放在 中。 如果您想将其它东西放在那里, 您必须自己做一些列表 。

你为什么想把任何迪夫 在一个选择中呢?


如果我把你们给我的HTML(用经编辑的字符串)放进谷歌的Chome(Google Chome),

<select name="zaal" id="zaal">
  <option value="x" id="ZAALNAME">X, Y</option>
</select>
$("#zaal option[value= 0 ]").text() 

尝试此 :

var selectVal = $("#zaal option:selected").val();
var id = selectVal.substring(1);
console.log("id is: " + selectVal); 

html应该是

<select name="zaal" id="zaal">
  <option value="[email protected]~" id="ZAALNAME">~ITEM.ID~, ~ITEM.NAME~</option>
</select>
$( #zaal ).change(function(){
    alert($($(this)+ :selected ).attr( id ));

});

小费"http://jsfiddle.net/cBaZ7/1/" rel=“no follow">http://jsfiddle.net/cBaZ7/1/

val () 会检索选中选项的值。 它不是 id

所以试试这个:

 $("#zaal option:selected").attr("id")




相关问题
CSS working only in Firefox

I am trying to create a search text-field like on the Apple website. The HTML looks like this: <div class="frm-search"> <div> <input class="btn" type="image" src="http://www....

image changed but appears the same in browser

I m writing a php script to crop an image. The script overwrites the old image with the new one, but when I reload the page (which is supposed to pickup the new image) I still see the old one. ...

Firefox background image horizontal centering oddity

I am building some basic HTML code for a CMS. One of the page-related options in the CMS is "background image" and "stretch page width / height to background image width / height." so that with large ...

Separator line in ASP.NET

I d like to add a simple separator line in an aspx web form. Does anyone know how? It sounds easy enough, but still I can t manage to find how to do it.. 10x!

热门标签