这是一个非常简单的选择栏。为什么不起作用?
<html>
<form>
<label>
<select id="sel1">
<option> op1 </option>
<option> op2 </option>
<option> op3 </option>
</select>
<input onclick="s()" type="submit" value=" ok! ">
</label>
</form>
<script>
function s(){
document.getElementById("sel1").innerHTML += "<option> op4 </option>";
}
</script>
</html>
如果我希望人们添加新选项,我需要在上面添加一些变量。如何添加 php 变量而不是 op4、op5 等?
最佳答案
创建一个实际的 option
元素并将其附加到 select
元素。
var option = document.createElement("option");
option.value = "op4";
option.innerHTML = "op4";
var select = document.getElementById("sel1");
select.appendChild(option);
您可能也应该在选项中使用 value
属性。
This is the next question. Then if i want people to add new option , i need to put some php variable on it. how can i add php variable instead of op4 , op5 and... options?
不,这与 PHP 无关。
<input id="option-name">
使用上面的示例,而不是使用固定的“op4”
,而是使用输入中的值
var input = document.getElementById("option-name");
var option = document.createElement("option");
option.value = input.value;
option.innerHTML = input.value;
var select = document.getElementById("sel1");
select.appendChild(option);
现在输入值将用作新选项的名称/值
关于javascript - 添加新选项以选择菜单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30155692/