Question

<!DOCTYPE html>
<html>
<body>

<form>
Select your favorite fruit:
<select id="mySelect">
  <option value="apple">Apple</option>
  <option value="orange">Orange</option>
  <option value="pineapple">Pineapple</option>
  <option value="banana">Banana</option>
</select>
</form>

<p>Click the button to change the selected fruit to banana.</p>

<button type="button" onclick="myFunction()">Try it</button>

<script>
function myFunction() {
    document.getElementById("mySelect").value = "banana";
}
</script>

</body>
</html>

点击按钮时，here设置值为select option。单击按钮时，当我用banana更改香蕉的值时，该值将为banana 1，它不再显示。如何使它仍然接受该值，即使有空间

Answer 1

此外，如果您要检查香蕉1，则应该有一个名为banana 1的值，以便获取值。否则它只会给出一个空白的下拉列表，因为它无法找到该值。

要检查香蕉1，您必须更改功能的检查值

<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>

<body>

<script type="text/javascript">

  $(document).ready(function(){

    $("#make_ora").click(function () {

    $("#mySelect").val("banana 1");

    });


  });
</script>
</head><body>

Select your favorite fruit:
<select id="mySelect" class ="mys">
  <option value="apple">Apple</option>
  <option value="orange">Orange</option>
  <option value="pineapple">Pineapple</option>
  <option value="banana 1">Banana 1</option>
</select>

<br/>
<br/>
<br/>

<input type='button' value='Change to banana 1' id='make_ora'>
</body>
</html>

Answer 2

选择标记的设置值仅反映任何一个选项值与设定值匹配。如果你想将值设置为＆＃34;香蕉1＆＃34;它应该有香蕉。

Answer 3

使用此： -

var c=document.getElementById("mySelect");
c.value="banana 1";
alert(c.value);/* Only For Check*/

Answer 4

<script>
<option value="banana 1">Banana 1</option>

function myFunction() {
    document.getElementById("mySelect").value = "banana 1";
}
</script>

首先在w3schools编辑器中进行上述更改

然后点击＆＃34;参见结果＆＃34;

然后点击＆＃34;试试＆＃34;

应该有效

Answer 5

 <option value="apple">Apple</option>
  <option value="orange">Orange</option>
  <option value="pineapple">Pineapple</option>
  <option value="banana">Banana</option>

From among the option values there is no "banana1" in the select option value.so thats why it is not appearing .
instead of  choose other option values like---orange (or)pineapple..
its working.

用空格jquery选择值

5 个答案: