blocks|key|1273225|text|你现在的方式是正确的。要么select的id不是您所说的，要么您在dom中有一些问题。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1273226|检查元素的Id，并在W3c的here中检查您的标记是否有效。|offset|length|1273227|如果没有有效的dom，jQuery将无法与选择器一起正常工作。|1273228|如果id是正确的，并且您的dom进行了验证，则以下情况适用：|1273229|要读取选择选项值|1273230|$('#selectId').val();|code-block|syntax|javascript|1273231|设置选择选项值的步骤|1273232|$('#selectId').val('newValue');|1273233|阅读所选文本的步骤|1273234|$('#selectId>option:selected').text();|1273235|entityMap|0|LINK|mutability|MUTABLE|url|http://validator.w3.org/^0|0|E|4|0|0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|16|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|17|8|@]|9|@$D|18|E|19|1|1A]]|A|$]]|$1|F|3|G|5|6|7|1B|8|@]|9|@]|A|$]]|$1|H|3|I|5|6|7|1C|8|@]|9|@]|A|$]]|$1|J|3|K|5|6|7|1D|8|@]|9|@]|A|$]]|$1|L|3|M|5|N|7|1E|8|@]|9|@]|A|$O|P]]|$1|Q|3|R|5|6|7|1F|8|@]|9|@]|A|$]]|$1|S|3|T|5|N|7|1G|8|@]|9|@]|A|$O|P]]|$1|U|3|V|5|6|7|1H|8|@]|9|@]|A|$]]|$1|W|3|X|5|N|7|1I|8|@]|9|@]|A|$O|P]]|$1|Y|3|-4|5|6|7|1J|8|@]|9|@]|A|$]]]|Z|$10|$5|11|12|13|A|$14|15]]]]

The way you have it is correct at the moment. Either the id of the select is not what you say or you have some issues in the dom. 

Check the Id of the element and also check your markup validates at <a href="http://validator.w3.org/" rel="noreferrer">here</a> at W3c. 

Without a valid dom jQuery cannot work correctly with the selectors.

If the id's are correct and your dom validates then the following applies:

To Read Select Option Value

<pre><code>$('#selectId').val();
</code></pre>

To Set Select Option Value

<pre><code>$('#selectId').val('newValue');
</code></pre>

To Read Selected Text

<pre><code>$('#selectId&gt;option:selected').text();
</code></pre>

blocks|key|1487963|text|要获取/设置select元素的实际selectedIndex属性，请使用：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1487964|$("#select-id").prop("selectedIndex");

$("#select-id").prop("selectedIndex",1);|code-block|syntax|javascript|1487965|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

to get/set the actual selectedIndex property of the select element use: 

<pre><code>$("#select-id").prop("selectedIndex");

$("#select-id").prop("selectedIndex",1);
</code></pre>

blocks|key|1487814|text|$('#myId').val()应该这样做，如果做不到，我会尝试：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1487815|$('#myId+option:selected').val()|code-block|syntax|javascript|1487816|entityMap^0|0|G|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|P|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|Q|8|@]|D|@]|E|$]]]|L|$]]

<code>$('#myId').val()</code> should do it, failing that I would try:

<pre><code>$('#myId option:selected').val()
</code></pre>

blocks|key|1488076|text|使用JQM进行设置时，不要忘记更新UI|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1488077|$('#selectId').val('newValue').selectmenu('refresh',+true);|code-block|syntax|javascript|1488078|entityMap^0|2|3|H|2|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]|$9|P|A|Q|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|R|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|S|8|@]|D|@]|E|$]]]|L|$]]

When setting with <code>JQM</code>, don't forget to update the <code>UI</code>:

<pre><code>$('#selectId').val('newValue').selectmenu('refresh', true);
</code></pre>

blocks|key|1487915|text|如果myid是选择元素id，那么$("#myId").val()应该可以工作！|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1487916|这将设置选定的项：$("#myId").val('VALUE');|1487917|entityMap^0|2|4|G|G|0|9|O|0^^$0|@$1|2|3|4|5|6|7|J|8|@$9|K|A|L|B|C]|$9|M|A|N|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|O|8|@$9|P|A|Q|B|C]]|D|@]|E|$]]|$1|H|3|-4|5|6|7|R|8|@]|D|@]|E|$]]]|I|$]]

<code>$("#myId").val()</code> should work if <code>myid</code> is the select element id!

This would set the selected item: <code>$("#myId").val('VALUE');</code>

blocks|key|1273376|text|假设您已经使用如下SELECT标签创建了一个下拉列表，|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1273377|<select+id="Country">|code-block|syntax|javascript|1273378|现在，如果您想使用JQuery从下拉列表中查看所选值是什么，只需输入以下代码行来检索该值。|1273379|var+result=+$("#Country+option:selected").text();|1273380|它会工作得很好。|1273381|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|S|8|@]|9|@]|A|$]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

Suppose you have created a Drop Down list using SELECT tag like as follows,

<pre><code>&lt;select id="Country"&gt;
</code></pre>

Now if you want to see what is the selected value from drop down using JQuery then, simply put following line to retrieve that value..

<pre><code>var result= $("#Country option:selected").text();
</code></pre>

it will work fine.

blocks|key|1488133|text|我知道这是旧的，但我只是有一个熊的时间与剃刀，不能让它工作，无论我怎么努力。不管我是用"text“还是"html”作为属性，我总是返回“未定义的”。最后，我向选项添加了"data-value“属性，它读起来很好。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1488134|+<option+value="1"+data-value="MyText">MyText</option>

+var+DisplayText+=+$(this).find("option:selected").attr("data-value");|code-block|syntax|javascript|1488135|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

I know this is old but I just had a bear of a time with Razor, could not get it to work no matter how hard I tried. Kept coming back as "undefined" no matter if I used "text" or "html" for attribute. Finally I added "data-value" attribute to the option and it read that just fine.

<pre><code> &lt;option value="1" data-value="MyText"&gt;MyText&lt;/option&gt;

 var DisplayText = $(this).find("option:selected").attr("data-value");
</code></pre>

blocks|key|1273552|text|$(+"#myId+option:+selected“).text()；将为您提供您在下拉元素中选择的文本。无论采用哪种方法，您都可以将其更改为.val()；以获取它的值。检查下面的编码|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1273553|<select+id="myId">
++++<option+value="1">Mr</option>
++++<option+value="2">Mrs</option>
++++<option+value="3">Ms</option>`
++++<option+value="4">Dr</option>
++++<option+value="5">Prof</option>
</select>|code-block|syntax|javascript|1273554|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

$( "#myId option:selected" ).text(); will give you the text that you selected in the drop down element. either way you can change it to .val(); to get the value of it . check the below coding

<pre><code>&lt;select id="myId"&gt;
 &lt;option value="1"&gt;Mr&lt;/option&gt;
 &lt;option value="2"&gt;Mrs&lt;/option&gt;
 &lt;option value="3"&gt;Ms&lt;/option&gt;`
 &lt;option value="4"&gt;Dr&lt;/option&gt;
 &lt;option value="5"&gt;Prof&lt;/option&gt;
&lt;/select&gt;
</code></pre>

blocks|key|1488223|text|尝尝这个|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1488224|$('#your_select_element_id').val('your_value').attr().add('selected');|code-block|syntax|javascript|1488225|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Try this

<pre><code>$('#your_select_element_id').val('your_value').attr().add('selected');
</code></pre>

I am attempting to retrieve and set the selected value of a select element (drop down list) with jQuery.

for retrievel i have tried <code>$("#myId").find(':selected').val()</code>, as well as <code>$("#myId").val()</code> but both return undefined.

Any insight into this problem would be much appreciated.

jQuery to retrieve and set selected option value of html select element

jQuery

我正在尝试使用jQuery检索和设置选择元素(下拉列表)的选定值。对于检索，我尝试了$("#myId").find(':selected').val()和$("#myId").val()，但都返回了undefined。对这个问题的任何见解都将不胜感激。

问用于检索和设置html select元素的选定选项值的jQuery
EN

回答 9

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问用于检索和设置html select元素的选定选项值的jQueryEN

回答 9

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问用于检索和设置html select元素的选定选项值的jQuery
EN