Javascript ONCLICK：如果没有任何内容，请在“选择”上验证值，并放置其他内容或带星号的值_Javascript_Jquery_Html

Javascript ONCLICK：如果没有任何内容，请在“选择”上验证值，并放置其他内容或带星号的值

javascript jquery html

Javascript ONCLICK：如果没有任何内容，请在“选择”上验证值，并放置其他内容或带星号的值,javascript,jquery,html,Javascript,Jquery,Html,我有一个按钮，可以将输入框的值传递给我的选择。问题是当我的选择中没有输入框的值时，它会显示为空但我想向其他人显示它是空的还是显示给定值并加上星号，例如土豆* <!DOCTYPE html> <html> <head> <title></title> </head> <body> <input type="text" name="fruitname" id="fruitname" placeholde

我有一个按钮，可以将输入框的值传递给我的选择。问题是当我的选择中没有输入框的值时，它会显示为空但我想向其他人显示它是空的还是显示给定值并加上星号，例如土豆*

<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>
<input type="text" name="fruitname" id="fruitname" placeholder="Fruit Name"></input>
<button name="findfruit" id="findfruit" onclick="findfruit()">Find Fruit in Select</button> 
<select name="fruitcontainer" id="fruitcontainer">
    <option value="Apple">Apple</option>
    <option value="Banana">Banana</option>
    <option value="Coconut">Coconut</option>
    <option value="Durian">Durian</option>
    <option value="Others">Others</option>
</select>

</body>
</html>
<script type="text/javascript">
    function findfruit(){
        document.getElementById('fruitcontainer').value = document.getElementById('fruitname').value;   
    }
</script>


在精选中找到水果
苹果
香蕉
椰子
榴莲
其他
函数findfruit（）{
document.getElementById（'fruitcontainer'）。value=document.getElementById（'fruitname'）。value；
}

测试文本是否输入了

的一个可能值

函数findfruit（）{
var value=document.getElementById（'fruitname'）.value；
如果（值=“”）{
value=“其他”；
}如果（！document.querySelector（“#水果容器选项[value='”+value+']），则为else{
值+='*'；
var newOption=document.createElement（'option'）；
newOption.value=值；
newOption.textContent=值；
document.getElementById（'fruitcontainer'）.appendChild（newOption）；
}
document.getElementById（'fruitcontainer'）。value=value；
}


在精选中找到水果
苹果
香蕉
椰子
榴莲
其他

因此，如果您键入的值在select中没有，您希望输入的值键入+*？是的，您已经找到了。@trevster344Thanks，但几乎是他们的sir@Barmar。但是我需要在输入框中选择带星号的值，而不是在输入框中，先生。那么您想在选择中添加一个新选项吗？是的，先生@Barmar例如，如果我在输入框中放入马铃薯，则选择的值应为马铃薯*。更新答案。