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

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>