Question

我在下面有这个代码，代表两个文本字段。我需要一种方法，只允许用户在一个文本字段中输入信息并阻止其他文本字段。

<fieldset>
        <h3><?php _e('City', 'bender'); ?></h3>
        <div class="row">
            <input class="input-text" type="text" id="sCity" name="sCity" value="<?php echo osc_esc_html(osc_search_city()); ?>" />                             
        </div>
    </fieldset>
    <fieldset>
        <h3><?php _e('Region', 'bender'); ?></h3>
        <div class="row">               
            <input class="input-text" type="text" id="sRegion" name="sRegion" value="<?php echo osc_esc_html(osc_search_region()); ?>" />
            <script>
             $("#Sregion").val('');
            </script
        </div>
    </fieldset>

例如，如果文本字段City = "London"，邮政编码变为空白/清除

如果文字字段region = "Cambridgeshire"，城市变为空白/清除。

我该怎么做？我怀疑这可以在Jquery / javascript中完成吗？但我无法找到解决问题的方法。

此外，目前如果用户键入城市，区域会自动添加，我还需要阻止它。所以，理想情况下，只要它的onFocus（），它就需要消隐/变灰。

谢谢！

FIDDLE

Answer 1

我知道你需要在聚焦时禁用其他文本字段。使用JQuery你需要有这样的代码。＃表示id

的选择器

$( "#city" ).focus(function() {
    $("#region").prop('disabled', true);
});

$( "#region" ).focus(function() {
    $("#city").prop('disabled', true);
});

此prop禁用支持jQuery版本1.6+ 希望它有所帮助

Answer 2

您可以清除第一个focus或keyup上其他文本框的值，这样如果用户输入城市名称，则填充的区域名称也会为空，请参阅下面的jquery：

  $( "#sCity" ).on("focus keyup",function() {
      $("#sRegion").val("");
    });

   $( "#sRegion" ).on("focus keyup",function() {
      $("#sCity").val("");
   });

<强> Demo

如何从另一个文本字段中清除文本字段？

2 个答案: