Question

我想从选项中创建一个命令，然后转到javascript，然后在输入框中显示它。

<select id="change">
    <option>Cat</option>
    <option>Dog</option>
    <option>Fish</option>
</select>

<script type="text/javascript">
show('Cat');
</script>

<input/>

当我选择其中一个选项时，javascript中的内容会自动更改。然后运行重载功能，然后在输入框中显示结果。

Answer 1

您可以尝试从此代码段调整到最佳需求

<select id="change">
    <option>Cat</option>
    <option>Dog</option>
    <option>Fish</option>
</select>

<script type="text/javascript">
  document.getElementById('change').addEventListener('change', function(e) {
    document.getElementsByTagName('input')[0].value = e.target.value;
  });
</script>

<input/>

如果您想使用所选值调用show，您可以

document.getElementById('change').addEventListener('change', function(e) {
  var selected = e.target.value;
  show(selected);
});

Answer 2

试试这个。

function a(select) {
var input = document.getElementById("input");
if (select.value !== "Select option") {
input.value = select.value;
}
else {
input.value=""
}
}

<select id="change" onchange="a(this)">
    <option>Select option</option>
    <option>Cat</option>
    <option>Dog</option>
    <option>Fish</option>
</select>

<input id="input" />

Answer 3

我不确定你想要实现的目标，但是如果你使用普通的浏览器，这是有效的：

//Targets
select = document.getElementById("change");
print = document.getElementById("value");

//Function print option
printOption = function(loc, option) {
	loc.innerHTML = option;
}

//Function force value
optionPicker = function(option) {
	select.value = option;
  printOption(print, option);
};

//Change Listener
document.addEventListener("change", function(e){
	if(e.target.id === "change")
  	printOption(print, e.target.value);
}, false);

//Commands
optionPicker("Dog");

<select id="change">
    <option>Cat</option>
    <option>Dog</option>
    <option>Fish</option>
</select>
<div id="value"></div>

用option命令替换javascript的内容

3 个答案: