選擇的選項沒有價值不起作用

我在html頁面中有一個選擇輸入字段。如果一個條件應該工作。選擇的選項沒有價值不起作用

<select id='selectopt'> 
    <option value="">Select<option> 
    <option value="1">1<option> 
</select> 


<input type="text" id='text1'> 



if($('#text1').val==='name'){ 
    $("#selectopt option[value='']").attr('selected', true); 
} 
else{ 
}

，當我把這個情況中，如果其在Chrome和IE，但在Firefox不工作的工作..

來源

2017-07-07 Nawaz Ahmed

爲什麼你需要的JS時，你可以做'<期權價值=「」選擇>選擇

@guradio可能是這個代碼是一些事件處理中？ –

@SureshAtta也許除非OP給出額外的信息。我們只能猜測。 – guradio

使用.prop()而不是.attr()

prop()

獲取t中第一個元素的屬性值他設置了匹配的元素或爲每個匹配元素設置了一個或多個屬性。

$("#selectopt option[value='']").prop('selected', true);

來源

2017-07-07 07:22:45 guradio

你對一個字符串比較jQuery對象

$('#text1') === 'name'

也許你想要比較這個對象的值嗎？

$('#text1').val() === 'name'

你也可以簡化設置下拉值：

$（「＃selectopt」）VAL（「」）

來源

2017-07-07 07:18:16

匹配的，如果條件值爲$('#text1').val().trim()=== 'name'
和HTML語法錯了</option>標籤不打烊
與prop()代替attr()

if ($('#text1').val().trim()=== 'name') { 
 
    $("#selectopt option:empty").prop('selected', true); 
 
} else {}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select id='selectopt'> 
 
    <option value="">Select<option> 
 
    <option value="1">1<option> 
 
</select> 
 

 

 
<input type="text" id='text1' value="name">

嘗試

來源

2017-07-07 07:24:15 prasanth

選擇的選項沒有價值不起作用

回答

相關問題