我如何更改表單值根據下拉值選擇的動作

我有兩種形式，第一種形式包含兩個下拉元素。欲被改變基於在表單中選擇下拉值第二形式動作值1我如何更改表單值根據下拉值選擇的動作

表1

<form method="post" style="padding: 10px 0px 10px 5px;"> 
<label>Front/Rear Tire:<br/><select name="tire" class="first"> 
<option value="">Select</option> 
    <option value="rear">Rear Tire</option> 
    <option value="front">Front Tire</option> 

</select> </label> 
    <label>Tractor Type:<br/><select name="tractor" class="second" disabled> 
    <option value="">Select Type</option> 
    <option value="2wd">2WD</option> 
    <option value="mfwd">MFWD</option> 
    <option value="4wd">4WD</option> 

    </select> </label> 


</form>

表2看起來像

<form method="post" action="A.php" > 
</form>

我想。

如果後輪胎和（2WD或4WD）選擇我想action值更改爲「A.php`
如果後輪胎和（前輪驅動）選擇我要改變action值」 B.php`
如果前輪胎和（2WD或$ WD）選擇我想action值更改爲「C.php`
如果前胎和（前輪驅動）選擇我要改變action的值爲'D.php'

來源

2016-05-06 Kin

的可能重複做[JavaScript的？ - 根據選擇改變形式的行動（http://stackoverflow.com/questions/1925614/javascript-change-form -action-based-selection） – Sean

@guradio我嘗試過使用Javascript的情況下，但不會改變它 – Kin

我已經使用數據屬性來存儲文件名。您需要確保將first中的屬性名稱選擇爲與second select中的值相同。

<option value="rear" data-2wd="A.php" data-4wd="A.php" data-mfwd="B.php" >Rear Tire</option> 
<option value="front" data-2wd="C.php" data-4wd="C.php" data-mfwd="D.php" >Front Tire</option>

使用change事件與委託on獲取在選擇菜單中的變化。

$("#one select").on("change",function(){ 
    var sel1 = $("select.second").find(":selected").val(); 
    var sel2 = $("#one select.first").find(":selected").attr("data-"+sel1); 
    $("#two").attr("action",sel2); 
})

請參閱fiddle。

來源

2016-05-06 04:37:18 Bhumika107

如果我想要點擊第二個窗體上的按鈕時觸發行動該怎麼辦？ – Kin

我所做的是基本功能。您需要在'change'事件中添加案例 – Bhumika107

謝謝！但正如我在我的問題的底部提到的兩個下拉是依賴於情況後+ 2WD，後+ 4WD，前+ 2WD，前+ 4WD將有不同的行動。我該如何管理？ – Kin

它可能有小的jQuery代碼

<form method="post" style="padding: 10px 0px 10px 5px;"> 
<label>Front/Rear Tire:<br/><select name="tire" class="first"> 
<option value="">Select</option> 
    <option value="rear">Rear Tire</option> 
    <option value="front">Front Tire</option> 

</select id="drop"> </label> 
    <label>Tractor Type:<br/><select name="tractor" class="second" disabled> 
    <option value="">Select Type</option> 
    <option value="2wd">2WD</option> 
    <option value="mfwd">MFWD</option> 
    <option value="4wd">4WD</option> 

    </select> </label> 


</form> 

<form method="post" action="A.php" id="form2"> 
</form> 

<script> 
    var drop=$('#drop'); 
    var form=$('#form2) 

drop.change(function(){ 
    var a= drop.val(); 
    // here i show you how to add drop down value to form action 
    form.attr('action',a); 
}) 
</script>

來源

2016-05-06 04:43:09

我如何更改表單值根據下拉值選擇的動作

回答

相關問題