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

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);
});

jQuery version 1.6+ 支持这个 prop disable 希望对你有帮助