select 值与 space jquery

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 更改香蕉的值时，它不会显示 anymore.How 以使其仍然接受该值的方式即使有一个space

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

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

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

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

然后点击"See Result"

然后点击"Try it"

它应该有效

Answer 3

 <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.

Answer 4

Selection标签的设置值只有在其中任何一个选项值与设置值匹配时才会反映出来。如果你想将值设置为 "banana 1" 它应该有 Banana.

Answer 5

使用这个：-

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

select 值与 space jquery

select value with space jquery

html

javascript

jquery

select