blocks|key|1097520|text|下面是一个简短的版本：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1097521|$('#ddlCodes').change(function()+{
++$('#txtEntry2').text($(this).find(":selected").text());
});|code-block|syntax|javascript|1097522|karim79做了一个很好的捕捉，从你的元素名称判断，txtEntry2可能是一个文本框，如果它是任何类型的输入，你需要使用.val()或.text()，如下所示：|offset|length|style|CODE|1097523|++$('#txtEntry2').val($(this).find(":selected").text());|1097524|回答“出了什么问题？”问题的一部分：.text()不接受选择器，它接受您想要设置的文本，或者不接受返回已经存在的文本。因此，您需要获取所需的文本，然后将其放入要设置的对象的.text(string)方法中，就像我上面所做的那样。|1097525|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/users/70393/karim79^0|0|0|R|9|1Q|6|1X|7|0|7|0|0|0|I|7|2E|D|0^^$0|@$1|2|3|4|5|6|7|Y|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|Z|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|10|8|@$I|11|J|12|K|L]|$I|13|J|14|K|L]|$I|15|J|16|K|L]]|9|@$I|17|J|18|1|19]]|A|$]]|$1|M|3|N|5|D|7|1A|8|@]|9|@]|A|$E|F]]|$1|O|3|P|5|6|7|1B|8|@$I|1C|J|1D|K|L]|$I|1E|J|1F|K|L]]|9|@]|A|$]]|$1|Q|3|-4|5|6|7|1G|8|@]|9|@]|A|$]]]|R|$S|$5|T|U|V|A|$W|X]]]]

Here's a short version:

<pre><code>$('#ddlCodes').change(function() {
 $('#txtEntry2').text($(this).find(":selected").text());
});
</code></pre>

<a href="https://stackoverflow.com/users/70393/karim79">karim79</a> made a good catch, judging by your element name <code>txtEntry2</code> may be a textbox, if it's any kind of input, you'll need to use <code>.val()</code> instead or <code>.text()</code> like this:

<pre><code> $('#txtEntry2').val($(this).find(":selected").text());
</code></pre>

For the "what's wrong?" part of the question: <code>.text()</code> doesn't take a selector, it takes text you want it set to, or nothing to return the text already there. So you need to fetch the text you want, then put it in the <code>.text(string)</code> method on the object you want to set, like I have above.

blocks|key|1312493|text|试试这个：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1312494|$('#ddlCodes').change(function()+{
++var+option+=+this.options[this.selectedIndex];
++$('#txtEntry2').text($(option).text());
});|code-block|syntax|javascript|1312495|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>$('#ddlCodes').change(function() {
 var option = this.options[this.selectedIndex];
 $('#txtEntry2').text($(option).text());
});
</code></pre>

blocks|key|1097565|text|这里有一个简短的版本，也应该可以工作：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1097566|+$('#ddlCodes').change(function()+{
++++++$('#txtEntry2').text(this.val());
++++});|code-block|syntax|javascript|1097567|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|$]]

Here is a shorter version that should also work: 

<pre><code> $('#ddlCodes').change(function() {
 $('#txtEntry2').text(this.val());
 });
</code></pre>

blocks|key|1097649|text|使用更少的jQuery：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1097650|<select+name="ddlCodes"
+onchange="$('#txtEntry2').text(this.options[this.selectedIndex].value);">|code-block|syntax|javascript|1097651|this.options[this.selectedIndex].value是普通的JavaScript。|offset|length|style|CODE|1097652|(来源：German+SelfHTML)|1097653|entityMap|0|LINK|mutability|MUTABLE|url|http://wiki.selfhtml.org/wiki/HTML/Formulare/Auswahllisten#Absendewert_von_Eintr.C3.A4gen_bestimmen^0|0|0|0|12|0|4|F|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|X|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Y|8|@$I|Z|J|10|K|L]]|9|@]|A|$]]|$1|M|3|N|5|6|7|11|8|@]|9|@$I|12|J|13|1|14]]|A|$]]|$1|O|3|-4|5|6|7|15|8|@]|9|@]|A|$]]]|P|$Q|$5|R|S|T|A|$U|V]]]]

With less jQuery:

<pre><code>&lt;select name="ddlCodes"
 onchange="$('#txtEntry2').text(this.options[this.selectedIndex].value);"&gt;
</code></pre>

<code>this.options[this.selectedIndex].value</code> is plain JavaScript.

(Source: <a href="http://wiki.selfhtml.org/wiki/HTML/Formulare/Auswahllisten#Absendewert_von_Eintr.C3.A4gen_bestimmen" rel="nofollow">German SelfHTML</a>)

blocks|key|1097690|text|尝试以下代码|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1097691|$('#ddlCodes').change(function()+{
++$('#txtEntry2').val(++$('#ddlCodes+:selected').text()+);
});|code-block|syntax|javascript|1097692|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 following code

<pre><code>$('#ddlCodes').change(function() {
 $('#txtEntry2').val( $('#ddlCodes :selected').text() );
});
</code></pre>

blocks|key|1097761|text|要了解选定元素的数量，请使用|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1097762|$("select+option:selected").length|code-block|syntax|javascript|1097763|要获取所有选定元素的值，请使用|1097764|++++var+str+=+"";
++$("select+option:selected").each(function+()+{
++++++++str+%2B=+$(this).text()+%2B+"+";
++++++});|1097765|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

To know number of selected elements use

<pre><code>$("select option:selected").length
</code></pre>

To Get the value of all selected elements use

<pre><code> var str = "";
 $("select option:selected").each(function () {
 str += $(this).text() + " ";
 });
</code></pre>

blocks|key|1097686|text|这对我很有效：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1097687|$("#SelectedCountryId_option_selected")[0].textContent|code-block|syntax|javascript|1097688|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|$]]

This worked for me:

<pre><code>$("#SelectedCountryId_option_selected")[0].textContent
</code></pre>

blocks|key|1097802|text|使用selectedOptions属性(HTML5)可以获得所选的选项|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1097803|document.getElementbyId("id").selectedOptions;+|code-block|syntax|javascript|1097804|使用JQuery可以通过这样做来实现|1097805|$("#id")[0].selectedOptions;+|1097806|或|1097807|$("#id").prop("selectedOptions");|1097808|该属性包含一个与所选选项类似的HTMLCollection数组|1097809|[<option+value=​"1">​ABC</option>]|1097810|或多项选择|1097811|[<option+value=​"1">​ABC</option>,+<option+value=​"2">​DEF</option>+...]|1097812|entityMap^0|0|0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Y|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|Z|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|10|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|11|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|12|8|@]|9|@]|A|$]]|$1|M|3|N|5|D|7|13|8|@]|9|@]|A|$E|F]]|$1|O|3|P|5|6|7|14|8|@]|9|@]|A|$]]|$1|Q|3|R|5|D|7|15|8|@]|9|@]|A|$E|F]]|$1|S|3|T|5|6|7|16|8|@]|9|@]|A|$]]|$1|U|3|V|5|D|7|17|8|@]|9|@]|A|$E|F]]|$1|W|3|-4|5|6|7|18|8|@]|9|@]|A|$]]]|X|$]]

Using the selectedOptions property (HTML5) you can get the selected option(s) 

<pre><code>document.getElementbyId("id").selectedOptions; 
</code></pre>

With JQuery can be achieved by doing this 

<pre><code>$("#id")[0].selectedOptions; 
</code></pre>

or

<pre><code>$("#id").prop("selectedOptions");
</code></pre>

The property contains an HTMLCollection array similitar to this 
one selected option 

<pre><code>[&lt;option value=​"1"&gt;​ABC&lt;/option&gt;]
</code></pre>

or multiple selections 

<pre><code>[&lt;option value=​"1"&gt;​ABC&lt;/option&gt;, &lt;option value=​"2"&gt;​DEF&lt;/option&gt; ...]
</code></pre>

blocks|key|1312883|text|上面的方法可以很好地工作，但似乎您错过了下拉文本的jQuery类型转换。除此之外，建议使用.val()为输入文本类型的元素设置文本。有了这些更改，代码将如下所示：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1312884|++++$('#txtEntry2').val($('#ddlCodes+option:selected').text());|code-block|syntax|javascript|1312885|entityMap^0|19|6|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|$]]

The above would very well work, but it seems you have missed the jQuery typecast for the dropdown text. Other than that it would be advisable to use <code>.val()</code> to set text for an input text type element. With these changes the code would look like the following:

<pre><code> $('#txtEntry2').val($('#ddlCodes option:selected').text());
</code></pre>

blocks|key|1312901|text|如果你已经有了这个，并且使用jquery，这将是你的答案：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1312902|$($(this).selectedOptions).text()|1312903|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|F|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|G|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|H|8|@]|9|@]|A|$]]]|E|$]]

if you have this already and use jquery this will be your answer:

$($(this)[0].selectedOptions[0]).text()

blocks|key|1097927|text|给定此HTML：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1097928|<select>
++++<option+value="0">One</option>
++++<option+value="1">Two</option>
</select>|code-block|syntax|javascript|1097929|按说明为jQuery+v1.6%2B选择：|1097930|var+text1+=+'Two';
$("select+option").filter(function()+{
++++//may+want+to+use+$.trim+in+here
++++return+$(this).text()+==+text1;+
}).prop('selected',+true);|1097931|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

Given this HTML:

<pre><code>&lt;select&gt;
 &lt;option value="0"&gt;One&lt;/option&gt;
 &lt;option value="1"&gt;Two&lt;/option&gt;
&lt;/select&gt;
</code></pre>

Select by description for jQuery v1.6+:

<pre><code>var text1 = 'Two';
$("select option").filter(function() {
 //may want to use $.trim in here
 return $(this).text() == text1; 
}).prop('selected', true);
</code></pre>

I am trying to get the selected option from a dropdown and populate another item with that text, as follows. IE is barking up a storm and it doesn't work in Firefox:

<pre><code>$('#ddlCodes').change(function() {
 $('#txtEntry2').text('#ddlCodes option:selected').text();
});
</code></pre>

What am I doing wrong?

Get selected option from select element

jQuery

HTML5

我正在尝试从下拉列表中获取选定的选项，并使用该文本填充另一个项目，如下所示。IE正在掀起一场风暴，但它在Firefox中不起作用：$('#ddlCodes').change(function() {  $('#txtEntry2').text('#ddlCodes option:selected').text();});我做错了什么？

问从select元素中获取选定选项
EN

回答 11

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问从select元素中获取选定选项EN

回答 11

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问从select元素中获取选定选项
EN