Question

我有一个选择框，我想填写字段（类似<option value="id" data-core="330" data-cco="nosla">id</option>），是否可以根据选择的名称或ID填写<input type="text">，数据核心进入一个，数据cco进入一个？

Answer 1

是的，你可以这样做：

$(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')) 
    })
})

这是一个例子：

http://jsfiddle.net/KQPxJ/

Answer 2

仅仅为了完整性，一个非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>

单个选择框填充多个字段（jQ可能？）

2 个答案: