我有一個關于“選擇”功能的問題。我有兩個輸入“選擇”功能。當我選擇第一個輸入選項時，我選擇第二個輸入選項。如果我回到第一個輸入選項來更改其他選項，第二個選項如何自動變成“請選擇”單詞？以下是我的編碼： <label for="cp8" class="control-label col-lg-4">Merchant</label> <div class="col-lg-5"> <select class="form-control required" id="branch_id3" name="branch_id3"> <option value="" selected>Please Select</option> <!--<option value="0" selected>All</option>--> <?php $sql_branch = 'SELECT * FROM merchant_list;'; $arr_branch = db_conn_select($sql_branch); foreach ($arr_branch as $rs_branch) { echo '<option value="' . $rs_branch['id'] . '">' . $rs_branch['shop_name'] . '</option>'; } ?> </select> </div><br><br><br> <label for="cp8" class="control-label col-lg-4">Merchant Types</label><div class="col-lg-5"> <select class="form-control required" id="merchant_type" name="merchant_type"> <option value="" selected>Please Select</option> <option value="1">Event Sponsored</option> <option value="2">Normal Merchant</option> </select> </div><br><br><br>以下是我的輸出圖片：輸出例如：首先，我選擇商家選項是“PALVO”，然后我選擇商家類型是“活動贊助”。之后，如果我想返回商家以更改其他選項，商家類型將自動轉到“請選擇”選項。因此，我的問題是如何自動使商家類型轉向“請選擇”選項？感謝您的幫助。
3 回答
jeck貓
TA貢獻1909條經驗 獲得超7個贊
我希望這是你要找的
$('#option').change(function(){
$('#type').val(0);
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select id="option">
<option>Please Select</option>
<option>Option</option>
<option>Option1</option>
<option>Option2</option>
</select>
<select id="type">
<option value="0">Please Select</option>
<option>Type</option>
<option>Type1</option>
<option>Type2</option>
</select>
子衿沉夜
TA貢獻1828條經驗 獲得超3個贊
在選擇 DOM 上使用，并給出選項的值，它將被選中。
通過此檢查，在第一次選擇中選擇的內容，然后使用.val().val()
$("#events").click(function(){
if($("#events option:selected").text() == "Reset First Select"){
$("#merchants").val('Please Select');
}
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
Merchants:
<select id="merchants">
<option>Please Select</option>
<option>Saab</option>
<option>Mercedes</option>
<option>Audi</option>
</select><br>
Event:
<select id="events">
<option>Reset First Select</option>
<option selected>Saab</option>
<option>Mercedes</option>
<option>Audi</option>
</select><br>
編輯：
我剛剛補充說，當在第二個選項被選中時，它將首先選擇reset first option
慕妹3242003
TA貢獻1824條經驗 獲得超6個贊
您可以使用 jquery 來操作 DOM 元素。change
如果不想禁用 second，可以從選擇標記中刪除屬性。selectdiabled
并且還要從jquery代碼中刪除它$("#select2").removeAttr('disabled');
$(document).ready(function(){
$("#select1").on('change',function(){
$("#select2").val('Please Select');
$("#select2").removeAttr('disabled');
});
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
Select Value:
<select id="select1">
<option>Please Select</option>
<option>value1</option>
<option>value2</option>
<option>value3</option>
</select>
<select id="select2" disabled>
<option>Please Select</option>
<option>value1</option>
<option>value2</option>
<option>value3</option>
</select>
- 3 回答
- 0 關注
- 177 瀏覽
添加回答
舉報
0/150
提交
取消