Question

如果选择<input type="text">标记之间的特定选项，如何添加<select></select>，如果选择了其他选项，则使用jQuery删除该文本字段？

Answer 1

您应该使用change事件。然后，您可以比较要创建输入的值，并将其添加到body或任何其他元素。

有一个这样的列表，标识为mylist，例如：

<select id="mylist">
 ...
</select>

你可以用这个：

$('#mylist').change(function(){
    if( $(this).val() == '1'){
        $('body').append('<input id="myInput" type="text" />');
    }else{
        $('#myInput').remove();
    }
});

活生生的例子：http://jsfiddle.net/MKPdb/

Answer 2

要获取<select>的值，请使用.val()方法。要添加/删除元素，有几个选项。我会给你一个例子：

$('<input type="text" />').appendTo('body'); // Will append this element to <body>
$('input').remove(); // Removes this item from the document

Answer 3

如果要显示a然后将其添加到所需位置并将其设置为none，则从JQuery获取

<select id="mylist">
    <option selected></option>
    <option value="1" >aaaa</option>
     <option value="2">bbb</option>
    <option value="3">ccc</option>
</select>
<input id="id" type="text" style="display:none;" />

然后进入你的JS

$('#mylist').change(function(){
    if( $(this).val() == '1'){
        $('#id').show();
    }else{
        $('#id').hide();
    }
});

选择选项时添加输入文本

3 个答案: