我是JavaScript和jQuery的新手。我想显示一个combobox-A,这是一个HTML <选择>与其选择的id和内容在onChange()的其他地方。
如何通过其选择id完整的组合框,以及如何通过onChange事件的其他参数?
我是JavaScript和jQuery的新手。我想显示一个combobox-A,这是一个HTML <选择>与其选择的id和内容在onChange()的其他地方。
如何通过其选择id完整的组合框,以及如何通过onChange事件的其他参数?
当前回答
有趣的后盖(selectObject) 值= selectObject.值; 控制台日志(价值); 的 <选择id=“孔博”“> <option value=" >选择组合</option> <选项价值= >“Value1 Text1 < /选项> <选项价值= Value2 " > Text2 < /选项> <选项价值= >“Value3 Text3 < /选项> 选择< - >
上面的示例为您提供OnChange事件上组合框的选定值。
其他回答
在某些情况下,另一种方便的方法是将所选<option />的值直接传递给函数,如下所示:
myFunction(selected) { console.log(选择); } <选择onChange = " myFunction (this.options [this.selectedIndex] value)" > <option value="1">Text 1</option> . <option value="2">Text 2</option> . < /选择>
函数setMyValue(v) { console.log (v); } <选择onchange = " setMyValue (this.value)" > <选项值= " " > 1 > < /选项 <选项值= " b " > 2 > < /选项 <选项值= " c " > 3 < /选项> < /选择>
我发现@Piyush的回答很有帮助,只是补充一下,如果您以编程方式创建一个选择,那么有一个重要的方法来获得这种行为,可能不明显。假设你有一个函数,你创建了一个新的select:
var changeitem = function (sel) {
console.log(sel.selectedIndex);
}
var newSelect = document.createElement('select');
newSelect.id = 'newselect';
正常的行为可能是说
newSelect.onchange = changeitem;
但是这并不允许你指定传入的参数,所以你可以这样做:
newSelect.setAttribute('onchange', 'changeitem(this)');
你可以设置参数。如果采用第一种方法,那么onchange函数的参数将依赖于浏览器。第二种方法似乎在跨浏览器中工作得很好。
如果有人正在寻找一个React解决方案,而不需要下载附加依赖项,你可以这样写:
<select onChange={this.changed(this)}>
<option value="Apple">Apple</option>
<option value="Android">Android</option>
</select>
changed(){
return e => {
console.log(e.target.value)
}
}
确保在构造函数中绑定changed()函数,如下:
this.changed = this.changed.bind(this);
jQuery的解决方案
我如何得到一个选定的选项的文本值
选择元素通常有两个要访问的值。 首先是要发送给服务器的值,这很简单:
$( "#myselect" ).val();
// => 1
第二个是选择的文本值。 例如,使用以下选择框:
<select id="myselect">
<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>
如果你想获得字符串“Mr”,如果选择了第一个选项(而不是“1”),你可以用下面的方式来做:
$( "#myselect option:selected" ).text();
// => "Mr"
另请参阅
.瓦尔()金刚火证件