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

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

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

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

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