簡體   English   中英

如何在IE8和IE9中使用JavaScript或JQuery獲取輸入值和動態創建的輸入的選定值?

[英]How do I get input value and Selected Value of dynamically created inputs using JavaScript or JQuery in IE8 and IE9?

我在使用getElementById()的IE 7中工作,但在IE8和IE9中不起作用。 我正在做的是我需要在選擇框上進行驗證,以查看它們是否是必需的,並檢查他們選擇執行的其他操作。 我還需要選中輸入框以查看值是什么,以及它也是必需的。

function saveTest(){
var startNumber=0;
var endNumber=3;

// Works
alert(document.myForm.mySelect_1.value);

for (i = startNumber; i <= endNumber; i++) {
  // I know this is not right but I am trying everything
      alert(document.myForm.mySelect_+i.value);

      // Using JQuery to try to solve the issue and this does not work for me.
      alert($('#mySelect_'+i).val());

  } 
}

我知道這些不是動態創建的,但這只是為了幫助我找到此問題的答案。 我正在創建更多選擇

    <input name="myText_1" id="myText_1" value="">
    <br />
    <select name="mySelect_1" id="mySelect_1">
        <option value="0">- - - Select One - - -</option>
        <option value="1">item 1</option>
        <option value="2">item 2</option>
        <option value="3">item 3</option>
        <option value="4">item 4</option>
        <option value="5">item 5</option>
    </select>
    <br />

    <input name="myText_2" id="myText_2" value="">
    <br />
    <select name="mySelect_2" id="mySelect_2">
        <option value="0">- - - Select One - - -</option>
        <option value="1">item 1</option>
        <option value="2">item 2</option>
        <option value="3">item 3</option>
        <option value="4">item 4</option>
        <option value="5">item 5</option>
    </select>
    <br />

    <input name="myText_3" id="myText_3" value="">
    <br />
    <select name="mySelect_3" id="mySelect_3">
        <option value="0">- - - Select One - - -</option>
        <option value="1">item 1</option>
        <option value="2">item 2</option>
        <option value="3">item 3</option>
        <option value="4">item 4</option>
        <option value="5">item 5</option>
    </select>
    <br />

<a href="javascript:saveTest();">Save</a>

如果我不夠清楚,請告訴我。 我會盡力向您解釋您不理解的任何內容。

謝謝你的時間。

以下行是不正確的; 您正在嘗試將名為mySelect_的變量名稱連接為整數:

alert(document.myForm.mySelect_+i.value);

相反,您應該使用關聯數組語法:

alert(document.myForm['mySelect_'+i].value);

另外,在同一循環中,應該從1而不是0 ,因為沒有名為mySelect_0的元素。

這是一個正常工作的DEMO

您已使用名稱創建下拉列表

嘗試使用

$('select[name=mySelect_'+i+']').val();

其他

$("#id option:selected").text()

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM