Question

我有一个简单的引用表单，我有一些问题，我喜欢从下拉菜单中选择特定字段时出现的文本字段，我的代码如下：

<script type="text/javascript">
$(document).ready(function(){
          $("#hear").change(function(){       
             $("#quote").find(".field").remove(); 
             //or
               $('#quote').remove('.field');
          if( $(this).val()=="value5")
             {
        $("#quote").append("<input class='field' type='text' />");

             }
          });

});
</script>

<form id="quote" class="quote-form">
<input name="" class="text-field" type="text" placeholder="Full Name" />
<input name="" class="text-field" type="text" placeholder="Contact Number" />
<input name="" class="text-field" type="text" placeholder="E-Mail Address" />
<select id="hear" name="hear" class="select-field">
<option value="value1" selected="true" disabled="disabled">Where did you hear about us? (Please Select)</option>
  <option value="value2">Check-a-Trade</option>
  <option value="value3">MyBuilder</option>
  <option value="value4">Referred by a Friend (Please State)</option>
  <option value="value5">Other (Please State)</option>
</select>
<input name="" class="text-field" type="text" placeholder="Location" />
<textarea name="" cols="" rows="8" class="text-area" placeholder="Description of your Desired Works.."></textarea>
<input name="" type="submit" class="quote-form-button"/>


</form>

上面的代码应该在＆＃34;其他＆＃34;时创建一个文本字段。被选中，虽然我有一些问题，任何帮助都值得赞赏，欢呼！

Answer 1

你没有提到详细的错误。但是，不是删除字段，我隐藏的东西应该是更好的选择。虽然这可能会根据您的确切要求而有所不同。

在此示例中，当您选择“其他”时，将使用提供的索引创建文本框。其他一些选择文本字段将被隐藏。

$(document).ready(function() {    
$('#hear').change(function() {
var val = $(this).find("option:selected").text();
if (val == "Other") {
$("#quote").append('<input type="text" name="textbox' + index + '" id="textbox' + index + '" value="">');
} 
if(val == "some value"){
$('#your text field id').hide();
}).change();
});

在选择下拉菜单上创建文本字段

1 个答案: