Javascript 在多个字段中填写单选框(可能是jQ?)
我有一个选择框,我想让它填写字段(类似于Javascript 在多个字段中填写单选框(可能是jQ?),javascript,jquery,html,Javascript,Jquery,Html,我有一个选择框,我想让它填写字段(类似于id),是否可以根据选择的名称或id填写,将数据核心放入一个,将数据cco放入一个?是的,您可以这样做: $(function(){ $('select').change(function(){ // this is the selected option: var selected = $(this).children('option:selected')[0] //input box1:
id
),是否可以根据选择的名称或id填写
,将数据核心放入一个,将数据cco放入一个?是的,您可以这样做:
$(function(){
$('select').change(function(){
// this is the selected option:
var selected = $(this).children('option:selected')[0]
//input box1:
$('input.input1').val($(selected).attr('data-core'))
//input box2
$('input.input2').val($(selected).attr('data-cco'))
})
})
以下是一个例子:
为了完整起见,这是一个非jQuery解决方案(可能快得多,尽管这可能无关紧要)
选择
身份证件
核心
cco
var sel=document.forms[0]。我的选择;
sel.onchange=函数(){
var selected=this.options[this.selectedIndex];
this.form.input_1.value=selected.getAttribute('data core')||';
this.form.input_2.value=selected.getAttribute('data cco')||'';
}
谢谢,只是出于好奇,$($)是用来干什么的?我没有经常使用jquery,如果这是一个愚蠢的问题,很抱歉。不需要getELementByid()或任何东西吗?我对代码做了一点修改。$()这就是在jquery页面上选择选择器的方式($select.change)就是我所需要的($select.change)?不需要附加事件处理程序或任何东西?不是$select.change。使用我在上面键入的内容和示例url中的内容。jquery拥有所有处理程序。您可能需要用$()包装,我将在上面的代码中反映它
<form>
<select name="my_select">
<option value="">select</option>
<option value="id" data-core="330" data-cco="nosla">id</option>
</select><br />
core<br />
<input name="input_1"><br />
cco<br />
<input name="input_2">
</form>
<script type="text/javascript">
var sel = document.forms[0].my_select;
sel.onchange = function() {
var selected = this.options[ this.selectedIndex ];
this.form.input_1.value = selected.getAttribute( 'data-core' ) || '';
this.form.input_2.value = selected.getAttribute( 'data-cco' ) || '';
}
</script>