我的下拉收音機的菜單是這樣的:如何顯示上選擇一個無線電特定的無線電輸入框下拉菜單中的JavaScript
<form id="productlist" onchange="">
<label class="radio">
<input type="radio" class="region_id" id="product" value="prod1" name="region" onclick="someFunction()">Product_id 1
</label>
<label class="radio">
<input type="radio" class="region_id" id="product" value="prod2" name="region" onclick="someFunction()">Product_id 2
</label>
<label class="radio">
<input type="radio" class="region_id" id="product" value="" name="region" onclick="someFunction()">Manual Product </label>
這種形式提供用戶選擇從下拉特定產品下拉列表。但是我想添加用戶手動輸入產品ID的功能。這將由第3臺電臺完成。意思是如果用戶選擇第三個廣播,它應該打開一個帶有提交按鈕的文本框,用戶將通過該按鈕輸入手動產品ID。 此外,輸入值應該可以通過「someFunction()」,我打電話「onclick」事件。理想情況下(前2個無線電)在「someFunction()」定義我可以通過使用「this.value」訪問所選無線電的值。我如何做到這一點,在第三個電臺將通過使用輸入框接受手動產品ID?
我是javascript的新手。你能幫我做這件事嗎?
如果第三無線電打開輸入型文本使用DOM.innerHTML和u得到這將在輸入用戶寫入值。 –
請創建一個小提琴,以便能夠很好地理解您的問題。還有一個複選框在你的HTML中有相同的ID,你不能在同一頁面的不同元素中使用相同的ID。 –
我爲你做了個例子。 https://jsfiddle.net/bke6Lf1v/ – Ashraf