使用javascript在Onblur事件下拉菜单中选择选项 项目1 项目2 项目3 项目4 项目5 项目6 函数myFunction（） { var x=document.getElementById（“tarea”）； iteminput=document.getElementById（“ddl_示例4”）； var v=x.值子串（5）； 警戒（五）； 功能设置选定索引（s，v）{ 对于（var i=0；i

在“模糊”中，我可以在“警报”框中获取值，但无法获取在下拉框中选择的相同值。我从其他站点复制了函数setselectedindex。 请让我知道我在这件事上哪里做错了

还是有更好的方法使用javascript实现相同的输出

---

谢谢

您在

myFunction

函数中包含了

setSelectedIndex

函数，但您从未真正调用过它

试试这个：

<select id="ddl_example4" name="ddl_example4">
<option value="1">item1</option>
<option value="2">item2</option>
<option value="3">item3</option>
<option value="4">item4</option>
<option value="5">item5</option>
<option value="6">item6</option>
</select>

</br>
<textarea rows="4" cols="50" id="tarea" onblur="myFunction()"></textarea>

<script>

function myFunction()
{

var x = document.getElementById("tarea");
iteminput = document.getElementById("ddl_example4");
var v = x.value.substring(5);
alert(v);

function setSelectedIndex(s, v) {
for ( var i = 0; i < s.options.length; i++ ) {
if ( s.options[i].text == v ) {
s.options[i].selected = true;
return;
}
}
}
}    
</script>

函数myFunction（）
{
var x=document.getElementById（“tarea”）；
iteminput=document.getElementById（“ddl_示例4”）；
var v=x.值子串（5）；
设置所选索引（项目输入，v）；
}    
功能设置选定索引（s，v）{
对于（var i=0；i

项目1
项目2
项目3
项目4
项目5
项目6


函数myFunction（）
{
var x=document.getElementById（“tarea”）；
var iteminput=document.getElementById（“ddl_示例4”）；
var v=x.值子串（5）；
警戒（五）；
设置所选索引（项目输入，v）；
}
功能设置选定索引（s，v）
{
对于（var i=0；i

项目1
项目2
项目3
项目4
项目5
项目6


函数myFunction（）
{
var x=document.getElementById（“tarea”）；
iteminput=document.getElementById（“ddl_示例4”）；
var v=x.值子串（5）；
警戒（五）；
s=项目输入；
设置选定的指数（s，v）；
}  
功能设置选定索引（s，v）{
对于（var i=0；i

---

尝试将文本框的输入设置为“RRRRR item2”，然后您将在下拉列表中选择item2。功能未正确关闭。请检查以下代码

<select id="ddl_example4" name="ddl_example4">
<option value="1">item1</option>
<option value="2">item2</option>
<option value="3">item3</option>
<option value="4">item4</option>
<option value="5">item5</option>
<option value="6">item6</option>
</select>

</br>
<textarea rows="4" cols="50" id="tarea" onblur="myFunction()"></textarea>

<script>

function myFunction()
{

var x = document.getElementById("tarea");
iteminput = document.getElementById("ddl_example4");
var v = x.value.substring(5);
alert(v);
s= iteminput;
setSelectedIndex(s, v);

}  

function setSelectedIndex(s, v) {
for ( var i = 0; i < s.options.length; i++ ) {
if ( s.options[i].text == v ) {
s.options[i].selected = true;
return;
}
}
}  
</script>

项目1
项目2
项目3
项目4
项目5
项目6


函数myFunction（）
{
var x=document.getElementById（“tarea”）；
iteminput=document.getElementById（“ddl_示例4”）；
var v=x.值子串（5）；
警戒（五）；
}
功能设置选定索引（s，v）{
对于（var i=0；i

项目1
项目2
项目3
项目4
项目5
项目6
/*
您可以像这样使用jquery来实现它
函数selectOption（）
{
$（“#ddl_示例4选项：选中”）.val（）；
或
$（“#ddl_示例4”）.val（）；
*/要选择特定选项，只需设置其值……即，要选择“Item5”，请使用
$（“#ddl_示例4”）.val（5）；
}

这就是您想要的吗？或者这就是您想要的-document.getElementById（'ddl_example4'）。selectedIndex=2；这是我用大写字母在记事本上乱写的内容，但我忘了实现它。。这正是我想要达到的目标。。非常感谢@Jason Whitted

<select id="ddl_example4" name="ddl_example4">
<option value="1">item1</option>
<option value="2">item2</option>
<option value="3">item3</option>
<option value="4">item4</option>
<option value="5">item5</option>
<option value="6">item6</option>
</select>

</br>
<textarea rows="4" cols="50" id="tarea" onblur="myFunction()"></textarea>

<script>

function myFunction()
{

var x = document.getElementById("tarea");
var iteminput = document.getElementById("ddl_example4");
var v = x.value.substring(5);
alert(v);
setSelectedIndex(iteminput, v);
}

function setSelectedIndex(s, v) 
{
    for ( var i = 0; i < s.options.length; i++ ) 
    {
        if ( s.options[i].text == v ) 
        {
            s.options[i].selected = true;
            break;
        }
    }
}


</script>

<select id="ddl_example4" name="ddl_example4">
<option value="1">item1</option>
<option value="2">item2</option>
<option value="3">item3</option>
<option value="4">item4</option>
<option value="5">item5</option>
<option value="6">item6</option>
</select>

</br>
<textarea rows="4" cols="50" id="tarea" onblur="myFunction()"></textarea>

<script>

function myFunction()
{

var x = document.getElementById("tarea");
iteminput = document.getElementById("ddl_example4");
var v = x.value.substring(5);
alert(v);
s= iteminput;
setSelectedIndex(s, v);

}  

function setSelectedIndex(s, v) {
for ( var i = 0; i < s.options.length; i++ ) {
if ( s.options[i].text == v ) {
s.options[i].selected = true;
return;
}
}
}  
</script>

<select id="ddl_example4" name="ddl_example4">
<option value="1">item1</option>
<option value="2">item2</option>
<option value="3">item3</option>
<option value="4">item4</option>
<option value="5">item5</option>
<option value="6">item6</option>
</select>

</br>
<textarea rows="4" cols="50" id="tarea" onblur="myFunction()"></textarea>
<script>

    function myFunction()
    {

    var x = document.getElementById("tarea");
    iteminput = document.getElementById("ddl_example4");
    var v = x.value.substring(5);
    alert(v);
    }
    function setSelectedIndex(s, v) {
    for ( var i = 0; i < s.options.length; i++ ) {
    if ( s.options[i].text == v ) {
    s.options[i].selected = true;
    return;
    }
    }
    }   
    </script>

<select id="ddl_example4" onblur="selectOption()" name="ddl_example4">
<option value="1">item1</option>
<option value="2">item2</option>
<option value="3">item3</option>
<option value="4">item4</option>
<option value="5">item5</option>
<option value="6">item6</option>
</select>

/*
You can achieve it using jquery like this


Function selectOption()
{
$("#ddl_example4 option:selected").val();
OR
$("#ddl_example4").val();

*/To selct specific option just set it value......i,e to select "Item5"please use

$("#ddl_example4").val(5);
}