Question

这是我的下拉列表的代码

<select id="PublisherID" name="$publisher" onfocus="if(this.id=='PublisherID') if(this.value='value')

这是我的文本框的代码，也可以使用

 <input id="Title" name="k" value="Search..." onfocus="if (this.value=='Search...') this.value='';

我希望能够点击我的下拉列表并清除文本框中的内容。

任何人都可以帮忙吗

Answer 1

这是如何实现它的。

Jquery的：

//For example on change of list
$('#list').change(function(){
    alert('list changed : clear text');
    //Set what value you want for text field');
    $('#text').val('Search...');
});

HTML：

<select id='list'>
    <option>Option</option>
    <option>One</option>
    <option>Two</option>
    <option>Three</option>
    <option>Four</option>
</select>
<input type="text" id="text" value="Search..."/>

以下是演示：JSFIDDLE

Answer 2

<select onchange="cleartextbox()">
    <option value="libero">libero</option>
    <option value="Ram">Ram</option>
</select>

<script type="text/javascript">
    function cleartextbox() {
        document.getElementById("mark").value = "";
    }
</script>

<label>
    <span>Mark</span>
    <input  type="text" name="mark" id="mark" >
</label>

点击此处[演示]（http://liberoram.blogspot.in/2015/04/change-drop-down-event-automatically.html＆＃34;鼠标悬停时显示此文字＆＃34;）！这也适用于reference links。

当我点击我的下拉列表时，我想清除一个文本框

2 个答案: