Question

所以这让我疯狂，我正在寻找一个解决方案，它将填充从下拉列表中选择的输入字段。

我目前的工作解决方案（不包括下拉列表）如下：

<form method="link" action="dualstream/index.html">
<input value = 'apolloz' name="stream1" placeholder="" required="required"    
autofocus="autofocus" />

<input type="submit" class="button" value="Click to watch the stream" />
</form>

因此，自动用“apolloz”填充文本字段，然后当您按提交时，它会转到使用单词apolloz的相关页面。

我正在寻找一个解决方案，您可以从下拉列表中选择流光，选择它，该选项填充文本字段，然后您可以提交。

我确定这是基于javascript的，因为我已经看到类似的东西使用数值。

对不起，如果这有点模糊，但是非常感谢任何和所有的帮助。

Answer 1

这很简单，如果你使用jquery就可以做到这一点

$(function(){
    $("#your_select").change(function(){
        $("#your_input").val($('#your_select option:selected').val())
    });     
});

Answer 2

试试这个

<form method="link" action="dualstream/index.html">
<input value = 'apolloz' id="txt" name="stream1" placeholder="" required="required"    
autofocus="autofocus" />
<select id="mySelect" onchange="selectionchange();">
    <option value="abc" >abc</option>
    <option value="xyz" >xyz</option>
</select>
<input type="submit" class="button" value="Click to watch the stream" />
</form>

并添加以下javascript函数

function selectionchange()
{
    var e = document.getElementById("mySelect");
    var str = e.options[e.selectedIndex].value;

    document.getElementById('txt').value = str;
}

Answer 3

假设你有一个selectbox #selectid，那么

 $("#selectid").live("change", function() {  <br> 

 $("#stream1").val($(this).find("option:selected").attr("value"));  <br>

});

Answer 4

你也可以使用javascript来做到这一点在您的选择的onchange函数上，您可以调用一个函数，将所选值放入您的输入中喜欢

<select id="element1" onchange="pickvalue()"/>
<option>asad </option>
<option>asad2 </option>
</select>

你的pickvalue函数看起来像这样

function pickvalue()
{
document.getElementById('yourinputid').value = document.getElementById('element1').value
}

如何从下拉列表中填充输入字段

4 个答案: