Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/batch-file/5.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在多个字段中填写单选框(可能是jQ?)_Javascript_Jquery_Html - Fatal编程技术网

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>