3

如何在选择标签<input type="text">之间的特定选项时添加一个<select></select>，然后，如果选择了另一个选项，则使用 jQuery 删除该文本字段？

4

3 回答 3

3

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

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

有一个这样的列表，带有 id 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/

于 2013-07-02T08:47:55.173 回答
2

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

$('<input type="text" />').appendTo('body'); // Will append this element to <body>
$('input').remove(); // Removes this item from the document
于 2013-07-02T08:46:25.417 回答
0

如果要显示 a 然后将其添加到所需的位置并将其设置为不显示，然后从 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();
    }
});
于 2013-07-02T10:47:42.827 回答