清除文本框中选择后选择框

问题描述：

某些选项，我有一个选择框和文本框这样的：清除文本框中选择后选择框

<?php 
    $receipt="12345"; 
?> 

<form> 
    <select name="sent" id="sent">    
     <option value="1">Yes</option> 
     <option value="0">No</option> 
    </select> 

    <input type="text" name="receipt" value="<?=$receipt?>"> 
</form>

我怎么能清除文本框后，我选择的选项没有？

在JavaScript中还是在PHP中？ –

答

您可以jQuery change method

实现其对var receipt创建变量receipt

var receipt = "12345"; //replace 12345 with <?php echo $receipt;?>

绑定选择元素使用jQuery的调整方法$("#sent").change(function()

检查选择元素值，如果属实，清除输入。

$(document).ready(function() { 
 
\t var receipt = "123456"; 
 
\t $("#sent").change(function() { 
 
\t \t var sel = $(this).val(); 
 
\t \t if (sel == 0) { 
 
\t \t \t $("input[name=receipt]").val(""); 
 
\t \t } else { 
 
\t \t \t $("input[name=receipt]").val(receipt); 
 
\t \t } 
 
\t }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<form> 
 
    <select name="sent" id="sent"> 
 
     <option value="1">Yes</option> 
 
     <option value="0">No</option> 
 
    </select> 
 
    <input type="text" name="receipt" value="123456"> 
 
</form>

Fiddle

答

试试这个工作我有尝试

<html> 
<head> 

<script> 
function Clear() 
{ 
    var sent = document.getElementById('sent').value; 
    if(sent==0){ 
     document.getElementById("receipt").value=""; 
    } 


} 
</script> 

</head> 

<body> 
    <?php 
    $receipt="12345"; 
?> 

<form> 
    <select name="sent" id="sent" onchange="Clear()">    
     <option value="1">Yes</option> 
     <option value="0">No</option> 
    </select> 

    <input type="text" id="receipt" name="receipt" value="<?=$receipt?>"> 

</form> 
</body> 
</html>

答

<?php 
    $receipt="12345"; 
?> 

<script> 
function SetField(val) 
{ 
    if(val==0) 
     document.getElementById('input-field').value=''; 
    else 
     document.getElementById('input-field').value='<?php echo $receipt;?>'; 
} 
</script> 
<form> 
    <select name="sent" id="sent" onchange="SetField(this.value);">    
     <option value="1">Yes</option> 
     <option value="0">No</option> 
    </select> 

    <input type="text" id="input-field" name="receipt" value="<?=$receipt?>"> 
</form>

大部分紧凑

清除文本框中选择后选择框

相关推荐